我一直試圖使用html5本地存儲在頁面刷新之間進行畫布保存,但是當我刷新頁面時,畫布始終回到空白狀態。在頁面加載之間保存畫布
HTML
<canvas onload="loadCanvas()" onClick="canvas(event)" id="myCanvas" width="400" height="400">
Your browser does not support the canvas element
</canvas>
的Javascript:如果有什麼東西在畫布
任何人都知道是什麼問題了drawed
function saveCanvas() {
var c = document.getElementById("myCanvas"),
ctx = c.toDataURL();
if (typeof (localStorage) !== "undefined") {
localStorage.setItem('myCanvas', ctx);
} else {
document.getElementById("save").innerHTML.dataURL = "Local Storage not supported";
}
}
function loadCanvas() {
var image = localStorage.getItem('myCanvas');
document.getElementById('myCanvas').src = image;
}
saveCanvas函數被調用?
它已經解決了,的onLoad沒有在畫布上工作
你在畫布上畫什麼?也許你可以序列化繪圖命令,而不是將畫布保存爲圖像。 – markE
我真的想把它們保存爲圖像,沒有問題,只是在頁面重新加載後將圖像加載回畫布 – uzr