Canvas在Flyme主题的应用实践

基本概览

Canvas是HTML5中新增的新标签，提供了一套强大的使用JavaScript绘制画布的API。

简要概括Canvas功能，主要包括：

1. 形状绘制，包括线条及其组成的其他形状；而绘制又分为Fill和Stroke两种形式，前者填充整个形状，后者只绘制边框；
2. 文本绘制，往往同时需要对其Style进行设置；
3. 图片绘制，一方面对图像进行裁剪缩放等处理，另外也可以通过对修改图片内容数据imagedata来达到更精准的像素级图像控制；
4. 另外提供对绘制状态的控制，以及对绘制状态的转换；
5. 通过requestAnimationFrame以及setInterval在Canvas上实现动画效果。如下图：

应用实践

Flyme主题编辑工具是提供给Flyme主题开发者在线编辑制作个性化主题的工具，支持实时预览编辑效果，并按要求保存所需编辑信息。点击这里的链接看效果：