Firefox에서 three.js의 DataURI 이미지 텍스처가 작동하지 않습니다.

Question

지글 지글의 온라인 대화 형 모델링을 위해 three.js를 사용하고 Canvas Element를 사용하여 이미지 URI를 생성했습니다 (출력은 다음과 같습니다. png, base64).

크롬, 파이어 폭스 및 사파리에서 이미지가 제대로 생성되지만에 텍스처로 three.js의 이미지를 사용하면 이미지가 표시됩니다.

가장 간단한 데모는 three.js 예제의 한 줄을 변경하여 dataURI의 이미지 URL을 대체하고이를 텍스처로 사용하는 것입니다.

http://visiblegeology.com/renderingProblem/

이 크롬과 사파리에서 나를 위해 잘 작동하지만 단지 파이어 폭스에 표시되지 않습니다.

누군가에게 조언, 해결 방법 또는 생각이 있는지 궁금합니다. 어떤 도움

감사합니다,

로완

Answer 1

나는 정기적으로 img 태그를 사용하여 확인했습니다. 그것은 Firefox에서 그렇게 작동합니다. 그래서 문제는 three.js와 데이터 uri의 조합 인 것 같습니다.

mrdoob하여이 예는 파이어 폭스 중 하나에서 작동하지 않습니다 http://mrdoob.github.com/three.js/examples/webgl_particles_shapes.html

몇 가지 제안 : 최신 세 가지 코드를 사용하는 경우

• 확인하시기 바랍니다.

• 데이터 URI의 마지막 등호를 제거하십시오. 패딩에 사용되며 필요하지 않을 수도 있습니다. 그들은뿐만 아니라