Διαπιστώνω ότι το 98% της συνολικής μου χρήσης SVG προέρχεται από προ-δημιουργημένα αρχεία SVG ή διανυσματική τέχνη σε κάποιο λογισμικό σχεδιασμού που τελικά εξάγω ως SVG. Όχι πολύ συχνά χειρίζομαι τις συντεταγμένες των πραγμάτων στον κώδικα SVG. Έι, έχω ακόμη και ένα βιβλίο για όλα αυτά.
Αλλά μερικές φορές, είναι κατάλληλο, και ίσως ακόμη και λίγο διασκεδαστικό. Σε αυτήν την περίπτωση, ήθελα να σχεδιάσω μια αρκετά συγκεκριμένη γραμμή με μερικές μαλακές στροφές σε αυτό. Με λίγη γνώση της σύνταξης διαδρομής του SVG (το πιο περίεργο, αλλά πιο ισχυρό εργαλείο σχεδίασης του SVG) μπορούμε να το κάνουμε χωρίς πολύ κόπο.
Επίδειξη που παίξαμε με βίντεο:
Δείτε το Pen
KOvPaa από τον Chris Coyier (@chriscoyier)
στο CodePen.
Αρχική ιδέα:
Δείτε το Pen
Lighted Path του Chris Coyier (@chriscoyier)
στο CodePen.
Θυμηθείτε ότι αυτό που δεν καταφέραμε να προσαρμόσουμε το SVG έτσι ώστε οι στρογγυλεμένες γωνίες να παραμένουν σε μια ωραία αναλογία διαστάσεων, ενώ το υπόλοιπο SVG ήταν ευέλικτο και θα μπορούσε να γεμίσει κάθετο και οριζόντιο χώρο. Αυτό είναι πιθανό, είναι πολύ πιο περίπλοκο και θα πρέπει να το καλύψουμε άλλη φορά.