使用数据URI图像作为素材

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

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) 
});

来源

2015-11-24 Angela

你的纹理没有问题。这是相机有问题。把它放在：

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

Updated:笔

来源

2015-11-24 04:20:11 gaitat

几个问题，为什么是文字模糊，为什么它有一个黑色的背景，而图像本身不？ – Angela

这些是两个完全不同的问题，但对于第一个问题，这是因为您正在采用文本，将其转换为像素，然后拉伸这些像素以适合您的几何体。 – gaitat

使用数据URI图像作为素材

回答

相关问题