开发 | 小程序做动画效果难？送你一个框架，10 分钟就能搞定
作者：bobiscool知晓程序注：在小程序中使用 canvas 绘制图案、动画的难度有目共睹。除了本身写法繁琐，小程序的技术特性，也使得小程序无法使用普通 HTML 5 的 canvas 框架，进行图案、动画绘制。而今天，知晓程序就来为你推荐一款框架。这款框架专为小程序设计，它可以让你在小程序里，更轻松地完成图案绘制，还能使用事件响应。
想知道用它在小程序创建动画有多简单、炫酷吗？往下看就知道了。
关注「知晓程序」公众号，在微信后台回复「开发」，让你的小程序性能再上一层楼。
它是什么？Canvas（画板）是 HTML 5 的一个重要元素，它能够高效的绘制图形。但是它过于底层，且 API 粗糙，导致开发者很难使用它来做较为复杂的图形。而且它的即时绘制无记忆特性，使得它内部的图形并不支持动画更不支持一切交互事件。这样的问题出现在所有支持 canvas 的客户端上，微信小程序也不例外。而且，由于小程序由 JS core 支持，并没有 window 对象，并且 canvas 的 API 与标准的 canvas 的 API 有所出入，所以市面上绝大部分 canvas 库，都与小程序无缘。
而 wxDraw 也就应运而生，专门用于处理小程序上 canvas 图形创建、图形动画，以及相关交互问题。
简单：不需要你会 canvas，会用 jQuery 就会使用 wxDraw。
灵活：所有图形、随时随地都可以进行属性修改、图形添加以及图形销毁。
事件支持：只要是合理的小程序事件，它都支持。
缓动动画支持 wxDraw 支持链式调用动画（就像 jQuery 的 animate 一样），并且支持几乎所有的缓动函数。
下面，以 circle 为例，展示 wxDraw 的代码编写过程。
绘制动画利用 wxDraw，你可以轻松在小程序中，做出好看的动画。
事件处理wxDraw 也支持处理事件。具体支持的事件如下：
tap
touchStart
touchEnd
touchMove
longPress
drag（自定义的事件）
具体运行效果如何呢？看看旁边 UI 小妹妹亲自示范就知道了。 ??
是不是特别简单、特别方便呢？来，老铁们，star 走一波！
原文地址：http://juejin.im/post/59f74c7ef265da432840253d
/ 知晓程序减少一半工作量！有了这个「轮子」，小程序 UI 搭建超简单
/ 知晓程序小程序也能像朋友圈一样「折叠全文」？有了这个技巧就能做！关注「知晓程序」公众号，在微信后台回复「开发」，让你的小程序性能再上一层楼。
▽ 点击「阅读原文」，发现更多优质小程序。
- 我们的宇宙可能是虚拟的，也许只是智者开发的一款虚拟游戏而已
- 央视《开讲啦！》论右脑开发的重要性！
- 逢年过节，没几个趁手的小程序傍身怎么能行呢！| 新年特辑
- 设计尸与程序猿的差别！
- 武大版狗年大礼包 | 二次元萌萌壁纸+小程序定制贺卡
- 开发区东区禁放倡议书
- 开发区东区节前慰问送温暖
- 中国和菲律宾将商讨如何共同开发南海油气资源
- 《骑马与砍杀2》新开发日志公布！三大帝国特色介绍
- 小程序对新零售产生四大影响