javascript - 通过页面缓存 Canvas

我所拥有的是渲染静态图像的画布。一旦。但是，每当用户刷新时，都必须再次渲染。有没有一种方法可以让用户渲染一次，然后将其存储在缓存中并在以后再次使用？还是这根本不可能？

最佳答案

已经知道了。使用canvas.toDataURL提供一个base64编码的字符串，我以后可以使用它重新提供图像。示例代码：

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