Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

122 49" y="75" width="38" height="5"/> dimana untuk tangga program menggunakan tag <rect> dengan nama class="tga" yang berfungsi untuk desain pada bagian css. Pada tangga pertama kita mulai gambar dengan titik (-47, 70) serta untuk tinggi bernilai 5 dan lebar bernilai 34. Pada tangga kedua kita mulai dari titik (-49,75) serta tinggi bernilai 5 dan lebar bernilai 38. Setelah atap, dinding, dan pintu terbentuk, kita pindah kebagian pembuatan jendela rumah. Disini kita memiliki tiga buah jendela dimana dua jendela berbentuk persegi dan satu jendela berbentuk lingkaran. Pertama kita akan setting jendela yang berbentuk kotak dengan menggunakan code <rect class="jendela" x="5" y="15" width="40" height="35" /> yang merupakan code untuk jendela pertama dengan menggunakan tag <rect> dan memiliki class="jendela" yang berfungsi untuk desain pada css. Jendela ini digambar mulai dari titik (5,15) dengan tinggi 35 dan lebar 40. Setelah itu kita mulai desain gambar kotak dengan menambahkan <line x1="5" y1="32.5" x2="45" y2="32.5" /> dan <line x1="25" y1="15" x2="25" y2="50" /> untuk memberikan kesan jendela yang dibuat terbagi dengan menggunakan dua tag <line> dimana tag pertama dimulai dengan titik (5,32.5) dan (45,32.5) sedangkan tag kedua dimulai dengan titik (25,15) dan (25,50). Terakhir kita tambahkan <rect class="jendela-sill" x="2" y="48" width="46" height="5" /> dimana code ini untuk membuat sill jendela yang menggunakan tag <rect> dengan nama class="jendela-sill". Class ini

RkJQdWJsaXNoZXIy MTM3NDc5MQ==