Question

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

but when we switched to:

renderer = new THREE.SVGRenderer();

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

No correct solution

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top