canvas.toDataURL()生成错误的DataURL
canvas.toDataURL() generate wrong DataURL
我的代码中的toDataURL()
函数有什么问题
我的问题是,p0画布将保持为空
在dataurl.net
中上传我的图像后,我发现它的DataUrl代码和我保存在LocalStorage中的DataUrl代码不同!!这就是为什么它不能显示任何东西!
<canvas id="p0" width="512" height="176" style="margin-left: 200px; margin-top: 216px; position: absolute"></canvas>
<script>
function init() {
var p0 = document.getElementById("p0");
var P0 = p0.getContext('2d');
var img = new Image;
img.onload = function () {
P0.drawImage(img, 0, 0);
};
if (localStorage.getItem("version") == Version) {
img.src = localStorage.getItem("p0");
} else {
localStorage.setItem("version", Version);
img.src = "Index/2/logo.png";
localStorage.setItem("p0", p0.toDataURL("image/png"));
}
}
init();
</script>
感谢Bergi,
它只需要放上这行:
localStorage.setItem("p0", p0.toDataURL("image/png"));
到img.onload函数中。
img.onload = function () {
P0.drawImage(img, 0, 0);
localStorage.setItem("p0", p0.toDataURL("image/png"));
};
相关文章:
- Node.js v6.2.0类扩展不是函数错误
- Jquery菜单操作不稳定,定位不正确,存在一般错误
- document.open/document.write没有正确地清除chrome中的文档——这是chrome的错误吗
- 试图在引导模式内动态生成图表,得到offsetWidth错误
- 为什么会出现错误;未捕获的类型错误:undefined不是函数;
- 我如何修复包含在captcha的addthis中的错误
- 同样,同样的错误'ahorcado.js:26未捕获类型错误:无法读取属性'beginPath'
- 节点是否需要模块传递带有方括号的arg?这是个错误吗
- Webpack/Rect:遵循egghead.io教程,但出现错误:您可能需要一个合适的加载程序来处理此文件类型
- CKFinder 3为所选文件返回错误的URL
- 同位素库错误:未捕获错误无布局模式包装生产线8
- 铬:“;未捕获的语法错误:意外的标记:"
- 如何通过自己获得Chrome扩展的用户反馈/错误报告
- 相位器状态未捕获参考错误
- 当图像转换为本地存储的DataURL时,EXIF被删除
- /undefined在我的404错误日志中多次出现
- Javascript未捕获语法错误意外的标识符错误
- canvas.toDataURL()生成错误的DataURL
- SVG将画布IE安全错误保存到DataURL
- 将图像文件转换为DataURL会抛出未捕获的类型错误