mouseevent
offsetX: 308
offsetY: 42
clientX: 619
clientY: 459
canvas width 와 height 이 안정해져있을경우
객체를 배열로 만들떄?!
console.log(colors);
console.log(Array.from(colors));
var canvas = document.getElementById('canvas');
var dataURL = canvas.toDataURL();
console.log(dataURL);
// "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNby
// blAAAADElEQVQImWNgoBMAAABpAAFEI8ARAAAAAElFTkSuQmCC
function handleSaveClick() {
const image = canvas.toDataURL("image/jpeg");
const link = document.createElement("a");
link.href = image;
link.download = "PaintJS[🌈]";
link.click();
}