Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将kinectjs应用于常规画布?_Javascript_Html_Canvas_Kineticjs - Fatal编程技术网

Javascript 将kinectjs应用于常规画布?

Javascript 将kinectjs应用于常规画布?,javascript,html,canvas,kineticjs,Javascript,Html,Canvas,Kineticjs,因此,我有一个相当完善的使用HTML5画布!它有绘画、擦除、撤消等功能。我希望能够添加动态图像、文本和形状(拖放功能以及轻松操作) 我刚刚发现了KinectJS库,它将是完美的!!!我唯一的问题是,我不想为KinectJS重写我的整个应用程序,因为这是一个容器,而不是一个canvas标记 问题: 有没有办法将KineticJS层/阶段添加到canvas标记中,这样它们仍然可以使用Kinetic制作,并且具有不同的选项,但我的应用程序仍然可以运行 备选方案: 我明白这可能是不可能的…如果是这样,我

因此,我有一个相当完善的使用HTML5画布!它有绘画、擦除、撤消等功能。我希望能够添加动态图像、文本和形状(拖放功能以及轻松操作)

我刚刚发现了KinectJS库,它将是完美的!!!我唯一的问题是,我不想为KinectJS重写我的整个应用程序,因为这是一个容器,而不是一个
canvas
标记

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

备选方案: 我明白这可能是不可能的…如果是这样,我可以将我的常规画布函数应用到一个动能容器中,这样整个东西都在动能容器中,但我不需要重写代码

注:
如果以上两项都不可能,请解释为什么我知道答案是否定的

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

你知道小提琴不管用,对吗?我很想能够完全按照你演示的做,但这似乎不起作用。。。