Παράδειγμα SVG
- Προηγούμενη Σελίδα Ραδιενεργές Μεταβάσεις Χρώματος SVG
- Επόμενη Σελίδα Εκπαιδευτικός Οδηγός Αναφορών SVG
Προσπαθήστε το από μόνοι σας
Το παρακάτω παράδειγμα ενσωματώνει τον κώδικα SVG απευθείας στον κώδικα HTML.
Το Firefox, το Internet Explorer 9, το Google Chrome, το Opera και το Safari υποστηρίζουν αυτό.
Παράδειγμα SVG
Βασικές μορφές SVG
- Κύκλος
- Δίπυργος
- Αδιαφανές ορθογώνιο
- Ορθογώνιο με αδιαφάνεια 2
- Ορθογώνιο με γωνίες
- Ελλειψοειδές
- Τρεις ελλειψοειδή που επικαλύπτονται
- Δύο ελλειψοειδή
- Γραμμή
- Τρίγωνο με τρία γωνία
- Πεντάγωνο με τέσσερα γωνία
- Αστέρι
- Ένας άλλος αστέρι
- Καμπύλη
- Εναλλακτική καμπύλη
- Διαδρομή
- ΔύοBezier κривά
- Γράψτε ένα κείμενο
- Ροτshiμενο κείμενο
- Πολυγραμμικό κείμενο
- Κείμενο σαν σύνδεσμο
- Ορισμός χρώματος γραμμής, κειμένου ή επικάλυψης (stroke)
- Ορισμός πλάτους γραμμής, κειμένου ή επικάλυψης (stroke-width)
- Ορισμός των διαφορετικών τύπων τελειωμάτων ανοιχτών διαδρομών (stroke-linecap)
- Ορισμός των διαφορετικών τύπων τελειωμάτων ανοιχτών διαδρομών (stroke-dasharray)
Φίλτρα SVG
- feGaussianBlur - εφέ αχνίσωσης
- feOffset - να απομακρύνει έναν ορθογώνιο και να συγχωνεύσει την αρχική εικόνα στην εικόνα που απομακρύνεται
- feOffset - να αχνίσει την εικόνα που απομακρύνεται
- feOffset - να κάνει τη σκιά μαύρη
- feOffset - να μετατρέψει τη σκιά σε κάποιο χρώμα
- Φίλτρο feBlend
- Φίλτρο 1
- Φίλτρο 2
- Φίλτρο 3
- Φίλτρο 4
- Φίλτρο 5
- Φίλτρο 6
Διαφάνεια SVG
- Οβάλ με οριζόντια γραμμική διαφάνεια από κίτρινο σε κόκκινο
- Οβάλ με κάθετη γραμμική διαφάνεια από κίτρινο σε κόκκινο
- Οβάλ με οριζόντια γραμμική διαφάνεια από κίτρινο σε κόκκινο και κείμενο
- Οβάλ με ακτινική διαφάνεια από λευκό σε μπλε
- Ένας οβάλ με ακτινική διαφάνεια από λευκό σε μπλε
Συμπαρασκήνιο SVG
- Ορθογώνιοι που εξαφανίζονται επαναλαμβανόμενα μέσα σε 5 δευτερόλεπτα
- Ένας ορθογώνιος που αλλάζει χρώμα και μεγαλώνει συνεχώς
- Τρεις ορθογώνιοι που αλλάζουν χρώμα
- Κίνηση κειμένου κατά μήκος του δρόμου κίνησης
- Κίνηση, γύρισμα και κλίμακα κειμένου κατά μήκος του δρόμου κίνησης
- Κίνηση, γύρισμα και κλίμακα κειμένου κατά μήκος του δρόμου κίνησης + συνεχώς μεγαλώνουσα ορθογώνια επιφάνεια που αλλάζει χρώμα
- Εκτρόπηση Οβάλ
- Προηγούμενη Σελίδα Ραδιενεργές Μεταβάσεις Χρώματος SVG
- Επόμενη Σελίδα Εκπαιδευτικός Οδηγός Αναφορών SVG
