canvas в local storage
 

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- в чем тут ошибка?
(во вложенном архиве полный код)