小编TMN*_*TMN的帖子

我正在开发一个插件，在该插件中我将 Image 转换为 Canvas 并存储为数据 url 。此函数触发 'load' 事件，但如何转换页面上已有的图像？（不想刷新页面或再次加载任何图像）。我尝试使用 Filereader() 函数，但这也适用于“onload”概念。那么如何在用户点击图片时将图片保存为数据 url 呢？

   image.addEventListener("load", function () {

         var imgCanvas = document.createElement("canvas"),
            imgContext = imgCanvas.getContext("2d");
            imgCanvas.width = image.width;
            imgCanvas.height = image.height;

            imgContext.drawImage(image, 0, 0, image.width, image.height);       
            imgInfo = imgCanvas.toDataURL("image/png");

            localStorage.setItem("imgInfo", imgInfo);
        }, false);