Mungkin cara terbaik untuk menggunakan SVG adalah "Inline SVG" - iaitu, memasukkan kod SVG ke dalam HTML anda. Ia berfungsi dengan hebat!
Lihat Pen gpcDi oleh Chris Coyier (@chriscoyier) di CodePen.
Sebilangan besar siri ini akan berkaitan dengan semua perkara hebat yang boleh anda lakukan menggunakan SVG sebaris, jadi saya ingin sangat jelas tentang apa itu dan bagaimana ia berfungsi.
Sekiranya anda bimbang mempunyai semua kod itu dalam HTML anda, ketahui bahawa:
- Terdapat kelebihan untuk itu kadang-kadang (cepat!)
- Terdapat cara untuk menjadikannya luaran (juga cepat!)