javascript - 将kinectjs应用于常规画布？

Question

所以我有一个相当完善的使用 HTML5 画布的绘图应用程序！它具有绘画、擦除、撤消等功能。我希望能够添加动态图像、文本和形状（拖放功能以及易于操作）。

我刚刚遇到了 KinectJS 库，这将是完美的！！！我唯一的问题是我不想为 KinectJS 重写我的整个应用程序，因为这是一个容器，而不是一个canvas标签。

问题：

有没有办法将 KineticJS 层/阶段添加到canvas标签中，以便它们仍然可以使用 Kinetic 制作并具有不同的选项，但我的应用程序仍然可以运行？

选择：

我知道这可能是不可能的......如果是这样，我可以将我的常规画布函数应用于 Kinetic 容器，以便整个东西都在动力学容器中，但我不需要重写代码。

笔记：

如果以上两个都不可能，请说明原因

Answer 1

据我所知，答案是否定的。

Kineticjs 在您提供的容器中创建画布 DOM 元素，这就是为什么大多数人使用 div 元素作为容器的原因，这就是为什么如果您直接放置画布它将无法工作的原因。问题是，它不应该改变你的大部分代码。您只需要调用getCanvas().getElement()而不是对画布的正常引用，您之前的所有代码都将起作用。这是它的一个jsfiddle。