javascript - Three.js - 使用 canvg 应用 SVG 纹理设置侧面的背景颜色

Question

我正在使用 r71 of three.js 和 canvg 库。我正在使用 canvg 显示 SVG，但出现以下错误。

加载资源失败：服务器响应状态为 404（未找到）

以下是有问题的代码：

    var imageCanvas2 = document.createElement("canvas");
    canvg(imageCanvas2, 'https://upload.wikimedia.org/wikipedia/commons/a/a3/WikiProject_Zoo_Logo.svg');

        var texture1 = new THREE.Texture(imageCanvas2);


        //FOUR - TETRAHEDRON
        var loaderFour = new THREE.JSONLoader( true );
        var materialsArray = [];
        materialsArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture(texture1)}));
        texture1.needsUpdate = true;
        materialsArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture("./resources/images/Alerts.png")}));
        materialsArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture("./resources/images/IPT.PNG")}));
        materialsArray.push(new THREE.MeshBasicMaterial( { map: THREE.ImageUtils.loadTexture("./resources/images/action-item-tracking.png")}));

        for(var i = 0; i <= 3; i++) {
            materialsArray[i].map.minFilter = THREE.LinearFilter;
        }

        loaderFour.load("./resources/json/tetra.json", function (model) {
                var materialFour = new THREE.MeshFaceMaterial(materialsArray);
                four = new THREE.Mesh(model, materialFour);//issue according to three.js
                four.translateY(1);
                four.scale.set(3, 3, 3);
                meshFour = THREE.SceneUtils.createMultiMaterialObject(four, materialFour);
                for( var i = 0; i < model.faces.length; i++ )
                { model.faces[i].materialIndex = i; }
                scene.add(four);
            });