使用數據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圖像作爲素材

回答

相關問題