118 D. Gambar Rumah dengan SVG Baiklah untuk hal dasasr dari shape sudah kita pelajari pada bagain sebelumnya yaitu mulai dari membuat kotak, persegi panjang, lingkaran, elips, garis, polyline dan polygon. Dari yang sidah kita pelajari pada bagian ini kita akan mencoba implementasi shape tersebuh untuk membuat sesuatu. Dimana pada bagian ini kita akan mencoba membuat sebuah gambar rumah dengan memiliki tiga buah jendela dengan satu buah pintu. Menggambar rumah ini kita buat dengan gabungan materi-materi yang sudah kita bahas. Berikut ini program lengkap dari cara membuat rumah sederhana menggunakan svg. Agar pembuatan desain terlihat rapi maka kita akan membuat gambar ini menggunakan dua buah file yaitu file html untuk bagian svg dan file css untuk bagian desain rumah yang berisi warna dan ukuran garis. <html> <head> <title>SVG</title> <link rel="stylesheet" href="desain.css"> </head> <body> <svg class="rumah" width="220" height="220" viewBox="-95 -95 220 220"> <polygon class="dinding" points="-65,80 -65,-10 20,-80 105,-10 105,80" fill="skyblue" />
RkJQdWJsaXNoZXIy MTM3NDc5MQ==