Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

132 dengan jari-jari 90 dan memiliki gari pinggi dengan ketebalan 10 dan berwarna kuning muda. Pada bagain dalam lingkaran diberi isi dengan warna putih. Setalah membuat lingkaran untuk wadah dari jam, Langkah selanjutnya pada program adalah membuat penanda angka jam dari 1-12 dengan menggunakan code <circle r = "80" stroke = "#B6705F" stroke-width = "6" stroke-dasharray = "6 36" stroke-dashoffset = "3" fill = "none"/>. Code menampilkan lingkaran dengan ukuran jari-jari 80 dengan warna dan ketebalan dari garis lingkaran 6. Warna fill pada lingkaran ini disetting none. Pada lingkaran ini ditambahkan settingan garis stroke-dasharray="6 36" dan stroke-dashoffset="3" yang bertujuan untuk menampilkan garis pinggir lingkaran putusputus sehingga terbentuk seperti penanda angka pada jam yang dirancanga. Terakhir pada program ini menambahkan tag <g>. Tag <g> ini digunakan untuk memberikan pengaturan pada beberapa object secara keseluruhan pada svg. Pada program code lengkap yang menggunakan tag <g> adalah <g stroke="red" strokelinecap="round">..</g>. Pada bagian ini tag <g> disetting dengan garis berwarna merah dan model dari garis ini menggunakan model round. Selanjutnya pada bagian tag <g> ini kita membuat dua buah line yang berfungsi sebagai penunjuk arah untuk jarum jam yang sebagai

RkJQdWJsaXNoZXIy MTM3NDc5MQ==