Malisa Huzaifa - Web Multimedia HTML6 Canvas & SVG

97 function stop(event){ if (is_drawing){ context.stroke(); context.closePath(); is_drawing = false; } event.preventDefault(); } </script> </html> Referensi : Learning HTML5 Canvas (modifikasi) Sebelum memulai menggunakan javascrip kita terlebih dahulu harus menyediakan canvas yang akan digunakan sebagai tempat untuk menggambar dengan menggunakan tag <canvas id="canvas" width=512 height=400></canvas> yang mana kita akan membuat canvas dengan ukuran 512,400 dengan id canvas. Desain dari canvas kita setting pada css dengan tag body{ background-color: ivory; } yang menentukan warna dari background window berwarna kuning muda dan #canvas{border:1px solid red; } untuk memberi warna merah pada garis canvas dengan ketebalan 1px. Setelah menyediakan canvas dan settingan dari warna garis canvas kita masuk pada bagian javascrip yang berperan sebagai alat untuk melukis pada canvas. Pada bagian awal kita menggunakan tag const canvas=document.getElementById("canvas"); bertujuan untuk

RkJQdWJsaXNoZXIy MTM3NDc5MQ==