Javascript 通过页面缓存画布

Javascript 通过页面缓存画布,javascript,caching,canvas,Javascript,Caching,Canvas,我拥有的是一块画布,它可以渲染一幅静止的图像。一旦但是,每当用户刷新时,它都必须再次渲染。有没有办法让用户渲染一次,然后将其存储在缓存中,以后再使用?还是这根本不可能?已经解决了。使用canvas.toDataURL提供了一个base64编码字符串,我可以稍后使用它来重新提供图像。示例代码: if(typeof(Storage) !== "undefined") { if(typeof localStorage.canvasCache != "undefined") {

我拥有的是一块画布,它可以渲染一幅静止的图像。一旦但是,每当用户刷新时,它都必须再次渲染。有没有办法让用户渲染一次,然后将其存储在缓存中,以后再使用?还是这根本不可能?

已经解决了。使用canvas.toDataURL提供了一个base64编码字符串,我可以稍后使用它来重新提供图像。示例代码:

if(typeof(Storage) !== "undefined") {
     if(typeof localStorage.canvasCache != "undefined") {
         // create the image tag
     } else {
         // render canvas
         localStorage.canvasCache = canvas.toDataURL();
     }
}