每当我试图将简单的图像源转换为数据URL时，就会出现安全错误异常

Security Error Exception occurs whenever I tries to convert simple image source to data URL

本文关键字：URL 异常 错误 安全 数据 简单 转换 图像      更新时间：2024-04-21

我正在做一个移动应用程序广告项目，所以我需要制作应用程序图像的横幅或缩略图。谷歌播放和苹果商店正在直播应用程序列表。所以我的网站正在使用其他出站域，而不是本地域。

我使用HTML5画布元素来管理运行时功能，并将整个画布保存为图像。我需要做的是根据用户的颜色偏好和字体颜色等设置默认横幅（保存画布后）。

我的画布编码如下：

<canvas id="myCanvas" name="myCanvas" width="300" height="100" style="border:1px solid;margin-top: 25px;margin-left: 73px;margin-bottom: 12px;background: -moz-linear-gradient(top,  #4c4e54,  #4c4e54);"></canvas>

我用来将简单URL转换为数据URL的js是：

 var myCanvas = document.getElementById("myCanvas");
 var canvasData = myCanvas.toDataURL("image/png");

这里发生的事情是，每当我试图使用数据保存我的整个画布元素时：URL，mozilla fiefox就会给我以下错误：

Security error
[Break On This Error]   
var canvasData = myCanvas.toDataURL("image/png");

我搜索了很多帖子和论坛，但没有人给出合适的解决方案。

经过了很多时间，但给我制造了很多麻烦。

将接受任何建议

预付Thanxs。。。。

我读了你的帖子，发现我面临的问题和我一样。

您之所以出现此错误，是因为您的应用程序获取的图像来自实时google.play服务器或苹果商店服务器。

无论何时使用画布，安全性都至关重要。安全性是画布的一个好特性。

您所做的只是获取图像并调整大小，然后在画布上实现它。由于安全功能，它不允许您操作出站服务器的映像并将其保存在数据库中。

您可以使用allow文件访问控制台中的文件以及firefox.exe命令并检查它。

相关文章：