如何使用THREE.js加载SVGLoader

时间:2018-07-19 16:33:18

标签: javascript svg three.js

我正在尝试按照文档中的本教程将一些SVG引入我的three.js项目:https://threejs.org/docs/#examples/loaders/SVGLoader

我的代码如下:

var scene = new THREE.Scene(); 
var loader = new THREE.SVGLoader(); 

loader.load( 
  //loads asset
  'https://s3-us-west-2.amazonaws.com/vroom-emails/artifact-4-hover.svg', 

  // called when the asset is loaded
  function ( doc ) {
    scene.add( new THREE.SVGObject(doc) );

  },
  // loading in progress
  function (xhr) {
    console.log( (xhr.loaded / xhr.total * 100 ) + '% loaded'); 
  },
  // called when loading has errors
  function (error) {
    console.log('An error happened');
  }
);

我正在加载THREE.js文件以及SVGLoader: https://threejs.org/examples/js/loaders/SVGLoader.js

当我尝试运行时,出现控制台错误,提示SVGObject不是构造函数。

我正在按照文档进行介绍,所以这么早遇到障碍实在令人沮丧。我想念什么?

0 个答案:

没有答案