html5 캔버스를 슬라이드 주석으로 바꾸려고합니다. 내 목표는 슬라이드 이미지를 업로드하고 사용자가 그 위에 그림을 그릴 수 있도록 허용하는 것입니다.html5 캔버스 드로잉/저장
Whats working : 배경 이미지로 슬라이드를 업로드하고 사용자가 그림을 그릴 수있게했습니다. 저장 기능도 작동합니다.
뭐가 잘못 되었습니까 : 일단 이미지가 저장되면 사용자가 만든 그림은 유지되지만 배경 이미지는 저장된 이미지의 일부가되지 않습니다.
캔버스를 이미지에 저장하고 슬라이드 배경을 유지하는 방법이 있습니까? 아마도 그것은 배경 이미지가 아닌가? 여기
는 내 코드의 일부 :캔버스 + 버튼 :
<div id="main">
<canvas id="drop1" class="drop" style=" background: url(pdf_images/pdf-save-0.png); background-repeat:no-repeat;">
</canvas>
</div>
<input type="button" id="savepngbtn" value="Save Slide">
저장 캔버스 :
document.getElementById("savepngbtn").onclick = function() {
saveCanvas(oCanvas, "PNG");
}
function saveCanvas(pCanvas, strType) {
var bRes = false;
if (strType == "PNG")
bRes = Canvas2Image.saveAsPNG(oCanvas);
if (!bRes) {
alert("Sorry, this browser is not capable of saving " + strType + " files!");
return false;
}
}
내가 어떻게 그 일을했는지와 다른 방식으로 진행하려면 어떻게해야합니까? – Dom
heya ... 명확한 샘플 코드 블록을 추가했습니다. – gthmb