1. 程式人生 > >【前端】p5.js建立的Canvas儲存到localStorage

【前端】p5.js建立的Canvas儲存到localStorage

// it should be stored in localStorage
function saveMyCanvas(e) {
	console.log('Saving...')
	// saveCanvas(canvas, dishName, 'png')
	// this way worked!
	var imgCanvas = document.getElementById('canvas'); // get the canvas created by p5js
	var imageAsDataURL = imgCanvas.toDataURL("image/png");
	localStorage.
setItem('CHICKEN', imageAsDataURL); myCanvas = localStorage.getItem("CHICKEN"); console.log(myCanvas); }

先通過原生JS得到canvas元素,然後再考慮用toDataURL的方式儲存到localStorage,在setupcanvas只是一個指標,指向物件,但不是物件本身。

END.