Παράδειγμα SVG

Προβολή αρχείων SVG

Αν δεν έχετε εγκαταστήσει προβολέα SVG, δεν μπορείτε να δείτε αρχεία SVG.

Σημείωση:Η υποστήριξη του SVG από τα Firefox 1.5 και Opera 9 είναι βασική. Αν χρησιμοποιείτε έναν από αυτούς τους περιηγητές, δεν χρειάζεται να εγκαταστήσετε προβολέα SVG.

Λήψη δωρεάν SVG προβολέα από το Adobe.

Προβολή κώδικα πηγής SVG

Για να δείτε τον κώδικα πηγής SVG, ανοίξτε αυτές τις παραδείξεις, κάντε δεξί κλικ στο παράθυρο και επιλέξτε "Προβολή κώδικα πηγής".

Παράδειγμα SVG

σχήμα SVG

ορθογώνιος
ορθογώνιος με διαφάνεια
ορθογώνιος με διαφάνεια 2
δίκαιος ορθογώνιος με γωνίες
κύκλος
οβάλ
καθ' εξέλιξη τρεις οvals
δύο οvals
μία γραμμή
τρίγωνο
τετράγωνο
γραμμή καμπύλη
διαδρομή
σπειροειδής

Φίλτρα SVG

φίλτρο feGaussianBlur
Επιπλέον φίλτρο feGaussianBlur
Φίλτρο feBlend
Φίλτρο feColorMatrix
Φίλτρο feComponentTransfer
Φίλτρο feOffset
feOffset, feFlood, feComposite, feMerge και feMergeNode
Φίλτρο feMorphology
Φίλτρο 1
Φίλτρο 2
Φίλτρο 3
Φίλτρο 4
Φίλτρο 5
Φίλτρο 6

Gradient SVG

Linear Gradient (Οριζόντια Μεταβατική Χρώση)
Linear Gradient (Κάθετη Μεταβατική Χρώση)
Radial Gradient
Radial Gradient 2

SVG Misc

Προσθήκη ενός στοιχείου "a" στο ορθογώνιο, ώστε το ορθογώνιο να μπορεί να χρησιμοποιηθεί ως σύνδεσμος
Δημιουργία ενός στοιχείου με JavaScript όταν ο χρήστης κάνει κλικ στο κύκλο.
Επανειλημμένη εξασθένηση του ορθογώνιου για 5 δευτερόλεπτα
Δυναμική αλλαγή των ιδιοτήτων x, y, width και height του ορθογώνιου για να δημιουργηθεί εφέ κίνησης και αλλαγή χρώματος του ορθογώνιου
Τρεις ορθογώνια που αλλάζουν χρώμα
Κίνηση του κειμένου κατά μήκος μιας διαδρομής
Κίνηση, γύρισμα και κλίμακα του κειμένου κατά μήκος μιας διαδρομής
Κίνηση, γύρισμα και κλίμακα του κειμένου κατά μήκος μιας διαδρομής, και σταδιακή μεγέθυνση και αλλαγή χρώματος του ορθογώνιου