我们可以使用THREEJS在SVG路径中加载纹理（图像）吗？

Question

我尝试在SVG路径中渲染纹理（图像），但无法在SVG上加载图像。请告诉我我们是否能够在SVG路径中渲染或加载图像。

我已将图像加载到SVG路径中。 https://prnt.sc/oglllc

但是我得到了这个输出。 https://prnt.sc/ogllez

var loader = new THREE.SVGLoader();
    loader.load(
        "collageSvg.svg", function (data) {
            var paths = data.paths;
            group = new THREE.Group();
            for (var i = 0; i < paths.length; i++) {
                var path = paths[i];
                var texture = new THREE.TextureLoader().load('img1.jpg');
                var material = new THREE.MeshBasicMaterial({
                    map: texture,
                    color: Math.random() * 0xffffff,
                    specularMap: null,

                    overdraw: 0.5

                });
            }
        }
    );

我的预期输出是应该在SVG路径中渲染图像，但是现在它被拉伸得太长了，只能查看一个像素

如果有人知道这个好消息