三个.js中的DataURI图像纹理在Firefox中不起作用

时间:2011-12-15 21:28:16

标签: firefox three.js data-uri

我使用three.js进行地质学的在线交互式建模,并使用Canvas Element创建图像URI(输出将是:data:image / png; base64,)。

图像创建在Chrome,Firefox和Safari中运行良好,但使用three.js中的图像作为纹理不会显示在Firefox 中。

我可以展示的最简单的演示是通过更改three.js示例中的一行来替换dataURI的图像URL,并将其用作纹理。

http://visiblegeology.com/renderingProblem/

这适用于Chrome和Safari,但只是不会在Firefox中显示。

我想知道是否有人有任何建议,解决方法或想法。

感谢您的帮助,

罗文

1 个答案:

答案 0 :(得分:2)

我使用常规的img标签进行了检查。它在Firefox中以这种方式工作。所以问题似乎是three.js和数据uri的组合。

mrdoob的这个例子在Firefox中不起作用:http://mrdoob.github.com/three.js/examples/webgl_particles_shapes.html

一些建议:

  • 检查您是否使用最新的三个代码。

  • 尝试删除数据uri的最终等号。它用于填充,可能没有必要。

  • 尝试逐个停用您的地址,因为它们也可能会干扰