1я страница- первый скрипт создает холст canvas div'a, второй в свою очередь заносит этот холст в local storage и отсылает его на вторую страницу.
<script>
$(function() {
$("#save").click(function() {
html2canvas($("#downimg"), {
onrendered: function(canvas) {
theCanvas = canvas;
theCanvas.id = 'fP';
document.body.appendChild(canvas);
}
});
});
});
</script>
<script>
function new_page(){
this._startBalloon = document.getElementById("fP").value;
localStorage.setItem("flag",true);
localStorage.setItem("startPoint",this._startBalloon);
window.location = "copy_page.html";
}
</script>
2я страница- сюда приходит холст
<script>
window.onload = function(){
if(localStorage.getItem("flag")){
document.getElementById("firstPoint").innerHTML=localStorage.getItem("startPoint").object
HTMLCanvasElement;
}
}
</script>
Но когда на вторую страницу перехожу, то там вместо перенесенного холста написано undefined- в чем тут ошибка?
(во вложенном архиве полный код)