SVGRenderer 看不到 THREE.js 纹理 [英] THREE.js Texture is not visible with SVGRenderer

问题描述

我们已经尝试了下一个代码:

We've tried the next code:

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

它停止在图像几何图形上渲染纹理.谁能说为什么会这样?

it stop rendering texture over image geometry. Can anybody say why so?

推荐答案

THREE.SVGRenderer 不支持纹理.

THREE.SVGRenderer doesn't support textures.

这篇关于SVGRenderer 看不到 THREE.js 纹理的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！