примените kinectjs к регулярному холсту?

Question

Итак, у меня довольно хорошо установленный paint app с использованием холста HTML5! У него есть живопись, стирание, уничтожение и т. Д. Я хотел бы иметь возможность добавлять динамические изображения, текст и фигуры (возможности перетаскивания, а также легкая манипуляция).

Я только что наткнулся на библиотеку KinectJS, и это было бы прекрасно !!! Единственная проблема, с которой я столкнулся, это то, что я бы предпочел не переписывать все мое приложение для KinectJS, поскольку это для контейнера, а не для тега canvas.

вопрос:

Есть ли способ, чтобы добавить KineticJS слоев/этапы в canvas тега, так что они могут быть сделаны с Kinetic и имеют различные варианты, но мое приложение будет по-прежнему работать?

альтернатива:

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

примечание:

Если оба вышеперечисленное невозможно, объясните, пожалуйста, почему

Answer 1

Из того, что я не знаю ответа нет.

Kineticjs создает элемент DOM холста в контейнере, который вы даете, поэтому большинство людей используют элемент div в качестве контейнера, и именно поэтому, если вы прямо поместите холст, это не сработает. Дело в том, что он не должен сильно изменять ваш код. Вам просто нужно позвонить getCanvas().getElement() вместо обычной ссылки на холст, и весь ваш предыдущий код будет работать. Вот jsfiddle.