如何理解kineticjs的语法?

时间:2013-06-07 09:50:17

标签: javascript jquery syntax kineticjs tween

这是我第一次使用一些js,否则我总是依赖于硬编码。可能这就是为什么我在理解kineticjs的语法时面临一些问题。 我看到了一些

 1. Tween
 2. layer(add)
 3. stage(add)
 4. var rect=new kinetic.rect{//some code with property:value,}

我熟悉构造函数并创建它的实例。但是我发现很难理解kineticjs的语法。上面的内容 used for,i我不知道。我试着搜索,但我得到了我想要的东西。 我有一个项目,我需要通过transition来增加贝塞尔曲线的高度.Kineticjs似乎是唯一的解决方案。 所以我的问题是如何在kineticjs中定义我自己的自定义函数如何在kineticjs语法中调用它

this is what I have done so far!!!

2 个答案:

答案 0 :(得分:1)

  1. 补间用于将节点从一个状态设置为另一个状态。例如,您可以使用Tweens为位置x = 10到x = 50的矩形设置动画

  2. 这会向图层添加节点。您可以向图层添加组和形状

  3. 这会在舞台上添加一个图层。图层绑定到HTML5画布

  4. 这会实例化一个新矩形。这是关于矩形的完整文档:http://kineticjs.com/docs/Kinetic.Rect.html

  5. 有关详细信息,请查看“工作原理页面”

    https://github.com/ericdrowell/KineticJS/wiki

答案 1 :(得分:1)

尝试观看此YouTube视频。它是kineticjs创始人的演讲。他在一开始就谈论HTML5图形框架,但是如果你到时间39:45,那么他就会谈到你正在询问的事情。他正在提供一个实时编码示例,使其易于理解。看看:

http://www.youtube.com/watch?v=ZS6QqNJ0VRA