Model Appear Black initially when Texture Applied about jsmodeler HOT 8 CLOSED

"THREE.WebGLRenderer" "68"                              three.min.js:520
"THREE.WebGLProgram: gl.getProgramInfoLog()" "(70,2-97): warning X3557: loop only executes for 1 iteration(s), forcing loop to unroll"                        three.min.js:589

<svg height="400" width="400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" style="overflow: visible;" id="svgid">
<g id="layer1">
<path fill="#ffff00" d="M304 146C242.5142822265625 146 189.93736267089844 176.41582489013672 168.5625 219.4375L126 219.4375L126 485.4375L486 485.4375L486 219.4375L439.4375 219.4375C418.05596923828125 176.4159164428711 365.4692077636719 146 304 146z " id="rect2985"></path>
</g>
</svg>

var viewerSettings = {
    cameraEyePosition : [-3, -2, 1.0],
    cameraCenterPosition : [0.0, 0.0, 0.0],
    cameraUpVector : [0.0, 0.0, 1.0],
    nearClippingPlane : 1.0,
    farClippingPlane : 100000.0
};

var viewer = new JSM.ThreeViewer ();
if (!viewer.Start ('svgcanvas', viewerSettings)) {
    viewer = null;
    return;
}

var svgObject = document.getElementById ('svgid');
var modelAndMaterials = JSM.SvgToModel (svgObject, 35, 5);
// ---------------
var model = modelAndMaterials[0];
var materials = modelAndMaterials[1];

var mat = materials.GetMaterial(0);

materials.AddMaterial (new JSM.Material ({
    texture : 'img/egyptian_marble_128.jpg',
    ambient : 0xffffff,
    diffuse : 0xffffff,
    textureWidth : 128.0,
    textureHeight : 128.0
}));

var newMaterialIndex = materials.Count () - 1;

model.GetBody (0).SetPolygonsMaterialIndex (newMaterialIndex);    

var meshes = JSM.ConvertModelToThreeMeshes (model, materials , {
    textureCallback: function() {
        viewer.Draw ();            
    }
});

viewer.AddMeshes (meshes);
viewer.FitInWindow ();