1

我正在使用three.js 进行一些在线交互式地质建模，并且一直在使用Canvas 元素创建图像URI（输出为：data:image/png;base64,）。

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

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

http://visiblegeology.com/renderingProblem/

这在 Chrome 和 Safari 中对我来说很好，但在 Firefox 中却没有。

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

谢谢你的帮助，

罗文

4

1 回答 1

2

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

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

几点建议：

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

  • 尝试删除数据 uri 的最终等号。它用于填充，可能不是必需的。

  • 尝试一一禁用您的附加组件，因为它们也可能会干扰

于 2011-12-15T22:36:25.777 回答