【前端】p5.js创建的Canvas存储到localStorage

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u011240016/article/details/84331906

// 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，在setup里canvas只是一个指针，指向对象，但不是对象本身。

END.