使用WebGLRenderer在three.js中显示svg

Display svg in three.js using WebGLRenderer

本文关键字：显示 svg js three WebGLRenderer 使用      更新时间：2023-10-04

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

谢谢。

您可以使用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

相关文章：