通過頁面緩存畫布

Question

我有什麼，是一個呈現靜止圖像的畫布。一旦。然而，無論何時用戶刷新，都必須再次渲染。有沒有辦法讓用戶渲染一次，然後將其存儲在緩存中並稍後再使用它？或者這是不可能的？

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(); 
    } 
}