使用WebGLRenderer在three.js中显示svg

Question

我可以使用WebGL渲染器在three.js场景中显示svg吗？我知道这可以使用SVG渲染器和加载器完成，但我不能用它来解决我的问题。

感谢。

Answer 1

您可以使用Sprite对象并在TextureLoader（）中指定您的svg文件，如下所示：

var map = new THREE.TextureLoader().load( "sprite.svg" ); 
var material = new THREE.SpriteMaterial( { map: map, color: 0xffffff, fog: true } ); 
var sprite = new THREE.Sprite( material ); 
scene.add( sprite );

您可以在此处阅读更多内容：Three.js - Sprite