У меня есть простой каркасный рендерер с выводом svg. Пример использования на сайте:
https://0polymer0.github.io/implementation/Teapot/Teapot.html
Элементы многоугольника, представляющие треугольники, обновляются в цикле анимации.
Средство визуализации svg хорошо работает в Chrome, но не в Firefox. Это можно исправить? А если нет, то почему?
Я думаю, что соответствующий код производительности находится здесь:
for(let i = 0; i < mesh.length; i++){
dom_mesh[i].setAttributeNS(null,
"points",
triangle2D_to_string(screenspace_mesh[i])
);
}
То, что я пробовал
Преобразование childElements() вывода в массив (dom_mesh) ничего не изменило. Чтение с детей ничего не изменило. И прямой доступ к атрибутам, а не присвоение строк «точкам» ничего не изменило.
Я думаю, что проблема связана с записью в svg, потому что тесты показывают, что именно там браузер проводит большую часть своего времени,
Я открыт для того, чтобы этот подход был неработоспособным, я просто удивлен, что он работает так же, как и на Chrome. Было бы неплохо понять, почему.