[JS] VanilaJS 그림판 만들기

최송희·2021년 4월 18일
0


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();
}

0개의 댓글