javascript - Three.js - canvg を使用して SVG テクスチャを適用した側面の背景色を設定する

Question

three.js の r71 と 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);
            });