SVG poligon
SVG polygon - <polygon>
contoh 1
<Polygon> tag digunakan untuk membuat grafis yang mengandung setidaknya tiga sisi.
Poligon adalah garis lurus, bentuk ini "ditutup" (semua lini terhubung).
poligon dari Yunani. "Poli" a "banyak", "gon" berarti "sudut".
Berikut adalah Kode SVG:
contoh
<Polygon poin = "200,10 250.190 160.210"
style = "isi: kapur; Stroke: ungu; stroke width: 1" />
</ Svg>
Coba »
Untuk pengguna Opera: lihat Berkas SVG (klik kanan pada grafik sumber pratinjau SVG).
analisis kode:
- x dan y koordinat titik-titik definisi atribut untuk setiap sudut poligon
contoh 2
Contoh berikut membuat poligon bersisi empat:
Berikut adalah Kode SVG:
contoh
<Polygon poin = "220,10 300.210 170.250 123.234"
style = "isi: kapur; Stroke: ungu; stroke width: 1" />
</ Svg>
Coba »
Untuk pengguna Opera: lihat Berkas SVG (klik kanan pada grafik sumber pratinjau SVG).
contoh 3
Gunakan <polygon> elemen untuk membuat sebuah bintang:
Berikut adalah Kode SVG:
contoh
<Polygon poin = "100,10 40.180 190,60 10,60 160.180"
style = "isi: kapur; Stroke: ungu; stroke width: 5; isi-aturan: nol;" />
</ Svg>
Coba »
Untuk pengguna Opera: lihat Berkas SVG (klik kanan pada grafik sumber pratinjau SVG).
contoh 4
Mengubah fill-aturan atribut "evenodd":
Berikut adalah Kode SVG:
contoh
<Polygon poin = "100,10 40.180 190,60 10,60 160.180"
style = "isi: kapur; Stroke: ungu; stroke width: 5; isi-aturan: evenodd;" />
</ Svg>
Coba »
Untuk pengguna Opera: lihat Berkas SVG (klik kanan pada grafik sumber pratinjau SVG).