Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

121 Setelah terbetuk bagian dinding kita pindah pada bagain atap dari rumah dengan menggunakan code <polyline class="atap" points="- 75,-8 20,-86 115,-8" /> dimana untuk atap rumah kita kita menggunakan polyline dengan class="atap". Class ini akan di gunakan untuk desain dari atapa yang ada pada css. Atap rumah kita buat dengan points="-75,-8 20,-86 115,-8" sehingga akan terbentuk model garis segitiga yang berdekatan dengan garis segitiga pada dinding rumah. Selanjutnya kita akan menggambarkan sebuah pintu dengan dua buah anak tangga. Bagian awal kita akan membuat desain pintu dengan menggunakan <rect class="pintu" x="-45" y="10" width="30" height="60" />. Pintu kita bentuk dari tag <rect> dengan sebuah class dengan nama class="pintu" yang nantinya akan kita gunakan untuk desain pintu pada css. Kemudian mulai menggambar pintu dimulai dari titik (-45, 10) dengan tinggi 60 dan lebar pintu 30. Selanjutnya kita akan membuat gagang pintu dengan menggunakan code <circle class="pintu-knob" cx="-35" cy="40" r="2" />. Gagang pintu kita desain dengan bentuk lingkarang menggunakan tag <circle> dan menggunakan class="pintu-knob" untuk memberikan desain pada bagian css. Gagang pintu kita mulai dari titik (-35,40) dengan jari-jari 2. Selanjutnya pada pintu ini kita tambahkan dua buah tangga yang mana tangga tersebut kita gambar dengan code <rect class="tga" x="-47" y="70" width="34" height="5"/> dan <rect class="tga" x="-

RkJQdWJsaXNoZXIy MTM3NDc5MQ==