Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

126 ini kita muali dengan desain bagian rumah dari class pada svg dengan code .rumah {stroke: black; stroke-width: 2px; fill: white;}. Berdasarkan code ini kita bisa liat class rumah didesain dengan garis berwarna hitam dan ketebalan 2px dan fill class home dengan warna putih. Selanjutnya kita masuk pada bagian class atap dengan code .rumah .atap {fill: none; stroke: #d1495b; stroke-width: 10px; strokelinecap: round;}. Pada class atap fill bernilai none dengan garis berwarna merah muda dan memiliki ketebalan garis 10. Model garis yang digunakan pada atap ini adalah garis round. Setelah menentukan desain bagian atap kita masuk pada bagian pintu rumah dimana code yang digunakan untuk pintu rumah .rumah .pintu {fill:#d1495b; rx: 2px;}. Pada class pintu kita hanya memberi warna pada pintu dengan merah muda yang sama dengan warna atap denga ketebalan garis 2px. Selanjutnya kita masuk pada desain class tangga pada pintu dengan menambahkan .rumah .tga {fill: gray;} dimana pada bagian tangga kita hanya membuat desain fill pada tangga dengan warna abu-abu. Kemudian lanjut pada desain class jendela dengan code .rumah .jendela {fill: #fdea96; x: 5px;}. Class jendela diprogram ini bagian fill diberi warna kuning muda dengan garis pinggir bernilai 5px. Class jendela ini digunakan untuk ketiga jendela yang digambarkan. Bagian terakhir adalah desain untuk sill jendela menggunakan code .rumah .jendela-sill {fill: #d1495b;stroke-linecap: round;rx: 5px;}.

RkJQdWJsaXNoZXIy MTM3NDc5MQ==