Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

137 Pembuatan ketupat yang pertama akan dirancang dengan warna merah menggunakan code <polygon points="0,0 36,-50 0,-100" fill="red"/> dan <polygon points="0,0 -36,-50 0,-100" fill="red"/>. Code yang pertama untuk menggambar setengah bagian dari segitiga dengan titik points="0,0 36,-50 0,-100" sedangkan untuk code kedua menggunakan titik points="0,0 -36,-50 0,-100". Bentuk ketupat yang kedua akan diberi warna hijau dengan code <polygon points="0,0 36,-50 0,-100" fill="green"/> dan <polygon points="0,0 -36,-50 0,-100" fill="green"/>. Code yang pertama untuk menggambar setengah bagian dari segitiga dengan titik points="0,0 36,-50 0,-100" sedangkan untuk code kedua menggunakan titik points="0,0 -36,-50 0,-100". Pada bagian kedua ini ada penambahan code pada tag <g transform="rotate(72"> dimana gambar yang dibuat akan diputar dengan ukuran rotate(72). Bentuk ketupat ketiga akan kita beri warna biru dengan code <polygon points="0,0 36,-50 0,-100" fill="blue" /> dan <polygon points="0,0 -36,-50 0,-100" fill="blue"/>. Code yang pertama untuk menggambar setengah bagian dari segitiga dengan titik points="0,0 36,-50 0,-100" sedangkan untuk code kedua menggunakan titik points="0,0 -36,-50 0,-100". Pada bagian ketiga pada tag <g> gambar diputar dengan ukuran rotate(-72). Bentuk ketupat keempat akan kita beri warna kuning dengan code <polygon points="0,0 36,-50 0,-100" fill="blue" /> dan <polygon

RkJQdWJsaXNoZXIy MTM3NDc5MQ==