Javascript Firefox上未显示数据URI

我正在使用Paintbrush.js库更改某些图像的颜色。图像充当层，当用户从“颜色”面板中单击颜色时，所选层会更改颜色

当用户单击颜色时，脚本会将Paintbrush.js的appropapiate类添加到image元素并重新加载图像。然后，Paintbrush.js通过HTML5画布将PNG转换为数据URI

在firefox上，将创建数据URI映像。当我将鼠标悬停在元素上时，我可以在Inspect元素上看到它。但它不会显示在浏览器窗口上。我已经检查了相应的CSS属性（显示、可见性、z索引）。控制台上没有错误，除了预期的错误（与Paintbrush.js示例中的错误相同）：

---

我的问题是，这可能是什么原因造成的？

我找到了解决方案：我从任何地方删除了所有crossOrigin=“anonymous”属性，现在它在所有浏览器中都可以工作了

如果你的图像上有

crossOrigin=“anonymous”

，那么你会遇到Firefox的一个bug，它不会加载带有该属性的数据URI图像。参考：

根据bug tracker，该修复程序于2015年4月发布，将在Firefox 40中发布（请参见

目标里程碑

字段）

SyntaxError: Using //@ to indicate sourceMappingURL pragmas is deprecated. Use //# instead wb-loader2.cfm:5
Error: http://example.com/js/wb-loader2.cfm?id=7&wheel= is being assigned a //# sourceMappingURL, but already has one
Use of getPreventDefault() is deprecated.  Use defaultPrevented instead.