SVGLoader

用于加载.svg资源的加载程序。

可缩放矢量图形是用于二维图形的基于XML的矢量图像格式，并支持交互性和动画。

例

// instantiate a loader
var loader = new THREE.SVGLoader();

// load a SVG resource
loader.load(
    // resource URL
    'data/svgSample.svg',
    // called when the resource is loaded
    function ( data ) {

        var paths = data.paths;
        var group = new THREE.Group();

        for ( var i = 0; i < paths.length; i ++ ) {

            var path = paths[ i ];

            var material = new THREE.MeshBasicMaterial( {
                color: path.color,
                side: THREE.DoubleSide,
                depthWrite: false
            } );

            var shapes = path.toShapes( true );

            for ( var j = 0; j < shapes.length; j ++ ) {

                var shape = shapes[ j ];
                var geometry = new THREE.ShapeBufferGeometry( shape );
                var mesh = new THREE.Mesh( geometry, material );
                group.add( mesh );

            }

        }

        scene.add( group );

    },
    // called when loading is in progresses
    function ( xhr ) {

        console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' );

    },
    // called when loading has errors
    function ( error ) {

        console.log( 'An error happened' );

    }
);

构造器

SVGLoader（管理者：LoadingManager）

经理 -在loadingManager的装载机使用。默认值为THREE.DefaultLoadingManager。

创建一个新的SVGLoader。

属性

请参见基本Loader类以获取常见属性。

方法

有关常见方法，请参见基础Loader类。

load（url：字符串，onLoad：函数，onProgress：函数，onError：函数）：null

• url —包含.svg文件的路径/ URL的字符串。
• onLoad —（可选）加载成功完成后要调用的函数。该函数接收ShapePath数组作为参数。
• onProgress —（可选）在加载过程中要调用的函数。参数将是XMLHttpRequest实例，其中包含总字节数和已加载字节数。
• onError —（可选）如果在加载期间发生错误则调用的函数。该函数将错误作为参数接收。

从url开始加载，并使用响应内容调用onLoad。