имеется функции загрузки модели
var canvas = document.querySelectorAll(".cv").forEach(el =>
el.addEventListener('click',loadModel(), false));
var viewer = new JSC3D.Viewer(canvas);
var logoTimerID = 0;
function loadModel() {
if(logoTimerID > 0) {
clearInterval(logoTimerID);
logoTimerID = 0;
viewer.enableDefaultInputHandler(true);
}
var models = document.getElementById('model_list');
viewer.replaceSceneFromUrl('models/' + models[models.selectedIndex].innerHTML);
viewer.update();
}
она выводит модель без проблем, но при дублировании html-кода по выводу модели,
<div class=”Area” id="main_frame">
<div id="statistics"></div>
<div style="text-align:center;">
<div id="loading" style="position:absolute;top: 45%; margin-left: 40%; "></div>
</div>
<canvas id="cv" width="1100"; height=550"></canvas>
<div style="float:left; display:none;">
<select id="model_list">
<option>dragon.stl</option>
</select>
<button id="load" onclick="loadModel();">Load</button>
</div>
<div id="position">
<select id="render_mode_list" id="change" onclick="setRenderMode();">
<option>сглаживание</option>
<option>каркас</option>
<option>плоская</option>
<option>вершины</option>
<option>освещение OFF</option>
</select>
</div>
</div>
выводится только одна модель, в дублированную часть кода она отказывается загружаться(в дублированом option находится другая модель)
var models = document.getElementById('model_list');
указывает всегда на один и тот же элемент?viewer
? Он тоже дублируется? В смысле новый объект создаётся?Ctrl + M
в редакторе).