javascript - 通过页面缓存 Canvas

Question

我拥有的是一个渲染静态图像的 Canvas 。一次。然而，每当用户刷新时，它就必须再次渲染。有没有办法让用户渲染一次，然后将其存储在缓存中并稍后再次使用？或者这根本不可能？

Answer 1

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

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