javascript - 将 kinectjs 应用到常规 Canvas 上？

Question

所以我有一个相当完善的 paint app 使用 HTML5 Canvas !它具有绘画、删除、撤消等功能。我希望能够添加动态图像、文本和形状(拖放功能以及简单的操作)。

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

问题:

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

替代方案:

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

注意:

如果以上两种都不可能，请解释原因

Answer 1

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

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