(Meme Maker) #이미지 저장하기

Meme Maker
이미지 저장하기

 

---

 

-만들고 싶은 기능

 

• HTML에 Input 태그 넣기

<button id="save">Save image</button>

 

• JavaScript로 요소 가져와서 이벤트리스너달기

const saveBtn = document.getElementById("save");
saveBtn.addEventListener("click", onSaveClick);

 

• JavaScript로 함수만들

function onSaveClick(){
	const url = canvas.toDataURL();
    const a = document.createElement("a");
    a.href = url;
    a.download = "myDrawing.png";
    a.click();
}