API

karas

• render(root: Root, target: DOM/string): Root 将<canvas/>或<svg/>根节点渲染到指定DOM或选择器上，不存在canvas/svg节点就创建，否则覆盖。root来源是虚拟dom通过预编译翻译的中间代码。
• createVd(tagName: string, props?: Object/Array, children?: []): Dom 预编译器使用，将<div/>节点翻译为js语言即中间代码执行。
• createGm(tagName: string, props?: Object/Array): Geom 同上，翻译矢量标签。
• createCp(tagName: string, props?: Object/Array, children?: []): Component 同上，翻译组件。
• parse(json: JSON, target: DOM/string): Root 动态加载使用，效果同render，将json解析为中间代码。

karas.Xom

• animate(effect: Object/Array, timeLine: Object): Animation 创建一段动画并返回动画对象，Web Animation API标准：https://developer.mozilla.org/zh-CN/docs/Web/API/Animation

karas.Dom

继承Xom，普通虚拟Dom。

karas.Geom

继承Xom，矢量虚拟Dom。

karas.Component

• setState(state: Object, cb: Function) 设置新state刷新视图。

karas.Animation

• play(cb: Function): Animation 开始异步播放，真正播放是从浏览器下一帧开始，并执行回调cb。
• pause(): Animation 同步立即暂停。
• cancel(cb: Function): Animation 清除动画效果，如果需要刷新则异步刷新，否则同步回调cb。
• finish(cb: Function): Animation 完成动画效果，如果需要刷新则异步刷新，否则同步回调cb。
• gotoAndPlay(ms: Number, isFrame?: boolean = false, excludeDelay?: boolean = false, cb?: Function): Animation 跳到某个时间点/帧，并从那里开始播放。
• gotoAndStop(ms: Number, isFrame?: boolean = false, excludeDelay?: boolean = false, cb?: Function): Animation 跳到某个时间点/帧，并暂停。