Перенос кода из рендеринга SVG в Canvas / WebGL - какие у меня варианты?

Question

Я смотрю на какой-то старый код, который отображает некоторые изображения, анимацию и т. Д. Для веб-сайта путем создания веб-страницы, содержащей важные элементы SVG. В результате получается довольно сложный, интерактивный интерфейс. Мне было поручено перенести приложение для генерации вызовов WebGL.

Это нетривиальная задача, учитывая все тонкости, которые поставляются с SVG, которые не доступны напрямую, если перейти прямо к реализации WebGL. Я спорил о том, стоит ли мне переходить на использование чего-то вроде Three.js, но я не знаю достаточно о доступных опциях, чтобы принять правильное решение.

Какие разумные варианты я должен рассмотреть, пытаясь построить здесь свой план битвы?

Answer 1

Я бы посоветовал вам взглянуть на http://code.google.com/p/canvg/ как вариант.

Я предполагаю, что используется getContext ("2d"), а не getContext ("экспериментальный-webgl") или getContext ("webgl").

WebGL предоставляет 3d-интерфейс, и я не уверен, есть ли какое-то преимущество в использовании его для 2-мерной графики, поскольку у вас нет никаких 3d-преобразований для работы графического процессора. Если они заинтересованы в Canvas, а не в webgl ... Canvg представит некоторые тонкости SVG, которые будут исходным контентом.

Если проблема заключается в отсутствии поддержки SVG в браузерах, то http://code.google.com/p/svgweb/ имеет большое значение для решения этой проблемы.