Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

128 E. Membuat Jam SVG Pada pembahasan sebelumnya kita sudah mencobakan membuat sebuah desan rumah sederhana dengan menggunakan svg. Bagian pembahasan kali ini kita akan mencoba membuat sebuah jam sederhana menggunakan svg. Setinggan jam yang ditampilkan pada program kali ini menggunakan settingan jam pada komputer kita. Dimana untuk settingan jam akan menggunakan sedikit code pada java scrip. Jam yang akan dibuat berbentuk lingkaran dengan memiliki bagian pinggir berbentuk sebuah kotak. Berikut ini program lengkap yang digunakan untuk membuat sebuah jam dengan menggunakan svg. <html> <head> <title>SVG</title> </head> <body> <svg width="200" height="200" viewBox="-100 -100 200 200"> <script> window.addEventListener("DOMContentLoaded", () => { const hoursElement = document.getElementById("hours"); const minutesElement = document.getElementById("minutes");

RkJQdWJsaXNoZXIy MTM3NDc5MQ==