Saya dapati bahawa 98% daripada semua penggunaan SVG saya berasal dari fail SVG yang telah dibuat sebelumnya atau seni vektor dalam beberapa perisian reka bentuk yang akhirnya saya eksport sebagai SVG. Tidak terlalu kerap saya memanipulasi koordinat perkara dalam kod SVG. Hei, saya pernah mendapat buku mengenai semua itu.
Tetapi sesekali, ia sesuai, dan mungkin sedikit menyeronokkan. Dalam kes ini, saya ingin melukis garis yang cukup spesifik dengan beberapa giliran lembut di dalamnya. Dengan sedikit pengetahuan mengenai sintaks jalan SVG (alat lukisan SVG yang paling pelik, tetapi paling kuat) kita dapat menyelesaikannya tanpa banyak keributan.
Demo yang kami mainkan dalam video:
Lihat Pen
KOvPaa oleh Chris Coyier (@chriscoyier)
di CodePen.
Idea asal:
Lihat Pen
Lighted Path oleh Chris Coyier (@chriscoyier)
di CodePen.
Ingat bahawa apa yang tidak kita selesaikan adalah menyesuaikan SVG sehingga sudut bulat tetap dalam nisbah aspek yang bagus sementara SVG yang lain fleksibel dan dapat mengisi ruang menegak dan mendatar. Itu mungkin, ia lebih rumit dan kita harus menutupnya lain kali.