Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

108 <rect x="10" y="10" width="100" height="100" stroke="blue" fill="transparent" stroke-width="5"/> </svg> <h1>Persegi Panjang </h1> <svg id="persegipanjang"> <rect x="10" y="10" width="150" height="100" stroke="green" fill="transparent" stroke-width="5"/> </svg> </body> </html> Referensi: Beginning SVG.(modifikasi) Pada program diatas hal pertama yang harus dilakukan adalah membuat svg dengan menggunakan code <svg id="kotak">..</svg> dimana pada penggalan code ini kita membuat tag SVG dengan id="kotak". Pada bagian atas tag svg kita berikan code <h1>Kotak</h1> untuk menampilkan tulisan Kotak dengan ukuran <h1> ketika program dijalankan. Pada bagian svg kotak, kita akan menggambar dengan menentukan setiap titik dari kotak tersebut dimana program ini memulai titik kotak dari titik (10,10) dengan lebar dan tinggi 100 sebagai mana dengan code <rect x="10" y="10" width="100" height="100". Langkah selanjutnya adalah menentukan warna dari garis kotaknya, dan untuk fill kotak kita beri transparan dan ketebalan dari garis pinggir kotak adalah 5 sebagai mana yang tertera pada code stroke="blue" fill="transparent" stroke-

RkJQdWJsaXNoZXIy MTM3NDc5MQ==