我使用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中显示。
我想知道是否有人有任何建议,解决方法或想法。
感谢您的帮助,
罗文
答案 0 :(得分:2)
我使用常规的img标签进行了检查。它在Firefox中以这种方式工作。所以问题似乎是three.js和数据uri的组合。
mrdoob的这个例子在Firefox中不起作用:http://mrdoob.github.com/three.js/examples/webgl_particles_shapes.html
一些建议:
检查您是否使用最新的三个代码。
尝试删除数据uri的最终等号。它用于填充,可能没有必要。
尝试逐个停用您的地址,因为它们也可能会干扰