使用数据 URI 图片作为 material

Question

这是我做的，导出数据URI并将其附加到DOM进行验证。但是一旦我将它作为纹理添加到几何体中，它就无法渲染。 codepen link

var image = new Image();
image.src = DATA_URI;
document.body.appendChild(image); //the image is displayed properly

var material = new THREE.MeshBasicMaterial({
    map: new THREE.Texture(image)
});

Answer 1

你的贴图没有问题。是相机有问题。将它放在：

camera.position.set( 0, 0, 100 );

Updated: 笔

使用数据 URI 图片作为 material

Use data URI image as material

image

three.js

data-uri