45 const btndownload = document.querySelector("#dw"); var cvs = document.getElementById("canvas"); var ctx = cvs.getContext("2d"); ctx.strokeStyle="red"; ctx.fillStyle="green"; ctx.strokeRect(10,10,100,100); ctx.fillRect(120,10,100,100); btndownload.addEventListener("click", function () { const a = document.createElement('a'); document.body.appendChild(a); a.href = canvas.toDataURL("image/png", 0.1); a.download = "canvas-kotak.png"; a.click(); document.body.removeChild(a); }) </script> </html> Referensi : w3schools (modifikasi) Dari code diatas hal pertama yang dilakukan adalah membuat sebuah canvas dan sebuah button yang berfungsi memberikan perintak download gambar pada canvas ketika di klik. Pada html untuk menampilkan sebuah button bisa menggunakan code <button type="button" id="dw" >Download Image</button> dimana code
RkJQdWJsaXNoZXIy MTM3NDc5MQ==