Apa SVG?
- SVG adalah singkatan dari Scalable Vector Graphics
- SVG digunakan untuk mendefinisikan vektor berbasis grafis untuk Web
- SVG mendefinisikan grafis dalam format XML
- Grafis SVG TIDAK kehilangan kualitas apa pun jika mereka diperbesar atau diubah ukurannya
- Setiap elemen dan atribut setiap file SVG dapat animasi
- SVG adalah rekomendasi W3C
Keuntungan SVG
Keuntungan menggunakan SVG lebih format gambar lain (seperti JPEG dan GIF) adalah:
- Gambar SVG dapat dibuat dan diedit dengan editor teks apapun
- Gambar SVG dapat dicari, diindeks, scripted, dan dikompresi
- Gambar SVG yang terukur
- Gambar SVG dapat dicetak dengan kualitas tinggi dengan resolusi apapun
- Gambar SVG adalah zoomable (dan gambar dapat diperbesar tanpa degradasi)
Browser Dukungan
Internet Explorer 9, Firefox, Opera, Chrome, dan Safari mendukung inline SVG.
Embed SVG Langsung Ke Halaman HTML
Dalam HTML5, Anda dapat menanamkan elemen SVG langsung ke halaman HTML Anda:
Contoh
<!DOCTYPE html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
<polygon points="100,10 40,180 190,60 10,60 160,180"
style= "fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>
</body>
</html>
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="190">
<polygon points="100,10 40,180 190,60 10,60 160,180"
style= "fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;" />
</svg>
</body>
</html>
Cobalah sendiri »
Hasil:
U
No comments:
Post a Comment