将kinectjs应用于常规画布?

时间:2013-07-03 00:40:02

标签: javascript html5 canvas kineticjs

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

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

的问题:

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

替代:

我明白这可能是不可能的......如果是这样的话,我可以将我的常规画布函数应用到Kinetic容器中,以便整个事物都在动态容器中,但我不需要重写代码。

注意:

如果以上两种情况都不可能,请解释原因

1 个答案:

答案 0 :(得分:0)

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

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