# pqCanvas

**Repository Path**: 56lea/pqCanvas

## Basic Information

- **Project Name**: pqCanvas
- **Description**: 自己简单封装的HTML5动画工具，实现基本的动画效果。可以算是极简易的H5动画引擎
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-08-01
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 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();强制清除画布上所有对象
- 具体应用参考代码中的实例