THREE.js 纹理在 SVGRenderer 中不可见

Question

我们尝试了下一个代码：

var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.0001, 999);
camera.position.set( 0, 0, 3 );
scene.add( camera );

var material = new THREE.MeshBasicMaterial( { color: 0xff0000, wireframe: true } );

var image = $('#tmp')[0]

var texture = new THREE.Texture(image);
texture.needsUpdate = true;
var img_material = new THREE.MeshBasicMaterial({color: 0x000000, map: texture });
var plane_geometry = new THREE.PlaneGeometry(2, 2);

var imageMesh = new THREE.Mesh(plane_geometry, img_material);
imageMesh.doubleSided = true;
scene.add(imageMesh);

renderer = new THREE.CanvasRenderer();
renderer.setSize( window.innerWidth, window.innerHeight );

$('#container').append( renderer.domElement );
renderer.render(scene, camera);

但是当我们切换到：

renderer = new THREE.SVGRenderer();

它停止在图像几何上渲染纹理。有人能说说为什么会这样吗？

Answer 1

THREE.SVGRenderer 不支持纹理。