Инструмент для редактирования изображений на основе Javascript или SVG

Question

Я создаю инструмент для редактирования изображений на основе javascript. В настоящее время я использую Canvas для этого, но иногда я чувствую, что мой путь полон недокументированных вещей и случайных хаков. И я до сих пор не понял много вещей, например, как разрешить пользователю вводить холст? Как определить нарисованные объекты на холсте и разрешить пользователю их перемещать?

В то же время я смотрел SVG на аналогичные вещи, и SVG Edit похоже на то, что я хочу (за исключением того, что мне придется делать много настроек, прежде чем я смогу использовать его, что не обязательно плохо).

Так что мой вопрос, какой инструмент более зрелый для создания этого материала, учитывая, что поддержка IE не является приоритетом.

Answer 1

Они делают разные вещи. Вещи, нарисованные на холсте, не являются «подвижными», поскольку они не являются объектами, а просто пикселями. С другой стороны, SVG не позволяет рисовать в пикселях разумным способом.

Я думаю, что эта белая бумага является невероятным ресурсом для любого, кто планирует или работает с Canvas и SVG для целей редактирования. Это дает фантастическую перспективу того, как выглядит игровое поле.

http://www.svgopen.org/2009/papers/54-SVG_vs_Canvas_on_Trivial_Drawing_Application/

Из статьи:

В этой статье мы создадим небольшое вектора приложение для рисования с SVG, и приложением для рисования небольших пиксельной с Canvas. Затем мы обменяем платформы : мы создадим пиксель приложение для рисования с SVG и приложение для рисования с Холст. Этот эксперимент дает полезную информацию о границах обеих методик .