Artikel ini terutama memperkenalkan tutorial pengantar untuk menggunakan HTML5 untuk menggambar grafik vektor SVG, termasuk menggambar grafik dasar dan efek gradien sederhana. Perhatikan bahwa dukungan dari versi lama IE tidak baik. Teman yang membutuhkannya bisa merujuknya.
VG mewakili grafik vektor yang dapat diskalakan, bahasa yang digunakan untuk menggambarkan grafik 2D, dan aplikasi grafik ditulis dalam XML, yang kemudian disajikan oleh program pembaca SVG.
SVG terutama digunakan untuk grafik jenis vektor, seperti diagram lingkaran, diagram dua dimensi dalam sistem koordinat x, y, dll.
SVG menjadi standar yang direkomendasikan W3C pada 14 Januari 2003, dan Anda dapat melihat versi terbaru dari spesifikasi SVG pada halaman spesifikasi SVG.
Lihat file SVGSebagian besar browser web dapat menampilkan SVG, sama seperti mereka dapat menampilkan grafik PNG, GIF, dan JPG. Pengguna IE mungkin perlu menginstal Adobe SVG Reader untuk dapat melihat SVG di browser mereka.
Embed SVG di HTML5
HTML5 memungkinkan kami untuk menyematkan SVG secara langsung menggunakan tag __ <svg> ... </svg>. Berikut ini adalah sintaksis sederhana:
Kode XML/HTML Salin Konten ke Clipboard