项目作者: phhui

项目描述 :
简单封装的HTML5动画框架 simple html5 animation development tool
高级语言: JavaScript
项目地址: git://github.com/phhui/PqCanvas.git
创建时间: 2018-08-12T09:05:01Z
项目社区:https://github.com/phhui/PqCanvas

开源协议:

下载


pqCanvas

  • 简单封装的HTML5动画框架
  • 一般都是使用白鹭构建H5游戏,但白鹭编译后要并入网页或其它页面上比较容易出现冲突,这次有需求要实现几个动画,便花了些时间用H5实现基本的动画功能。
  • 目前只支持绘制图片实现动画效果,不支持点击操作。
  • 通过调用zTools.to(obj,time,param)实现动画
  • obj:{img:”要绘制的图片Image”,x:”起始X坐标”,y:”起始y坐标”,width:”起始宽度”,height:”起始宽度”,sx:”裁切X坐标”,sy:”裁切Y坐标”,swidth:”裁切宽度”,sheight:”裁切高度”,scaleX:”宽度比(翻转)”,rotation:”旋转”,alpha:”起始透明度”}
  • time:动画时间/秒
  • param:{delay:”迟延时间/秒”,x:”结束X坐标”,y:”结束y坐标”,width:”结束宽度”,height:”结束宽度”,sx:”结束裁切X坐标”,sy:”结束裁切Y坐标”,swidth:”结束裁切宽度”,sheight:”结束裁切高度”,scaleX:”结束宽度比(翻转)”,rotation:”结束旋转角度”,alpha:”结束透明度”,autoRemove:”动画结束后是否自动移除”,onComplete:”动画结束后回调的方法”}
  • 裁切相关参数未完善估计有BUG,其它功能均已在实例中测试过。
  • zTools.clear();强制清除画布上所有对象
  • 具体应用参考代码中的实例

image