Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

136 <polygon points="0,0 -36,-50 0,-100" fill="yellow" /> </g> <g transform="rotate(-144)"> <polygon points="0,0 36,-50 0,-100" fill="purple"/> <polygon points="0,0 -36,-50 0,-100" fill="purple" /> </g> </svg> </body> </html> Referensi: Codepen.io. (modifikasi) Dari program diatas untuk memulai menggambar terlebih dahulu kita harus sediakan tag svg dengan code <svg width="200" height="200" viewBox="-100 -100 200 200">. Svg yang digunakan memiliki tinggi 200 dan lebar 200 serta menggunakan viewBox dengan ukuran -100 -100 200 200. Setelah kita sediakan tag <svg> maka kita akan mulai menggambar bintang dimana pada contoh ini kita akan membuat bintang dengan lima warna. Bintang yang dibuat terdiri dari dua buah segita yang membentuk ketupat. Pada tiap ketupat diawali dengan tag <g>.

RkJQdWJsaXNoZXIy MTM3NDc5MQ==