以上是快捷绘制矩形的函数，你可能要问有fillRect和strokeRect还要rect那个干吗？ 下面是三种不同的方式绘制矩形 ...
分类：
其他好文 时间：
2017-02-07 14:14:36
阅读次数：
164
制作一个上面这种倒计时效果，只截图了三秒 此效果源码github连接：https://github.com/wufangfang0614/fanggit/tree/master/canvas/%E5%80%92%E8%AE%A1%E6%97%B6%E6%97%B6%E9%92%9F 首先分析这个得有 ...
分类：
其他好文 时间：
2017-02-06 15:51:33
阅读次数：
171
题外话： 最近看了一本书叫 《HTML5 Canvas核心技术 图形、动画与游戏开发》已经算是看了85%，基本接近尾声，所以近期会多总结一些关于canvas的东西， 这本书讲的还算可以，最大的障碍就是一些数学知识和理论的应用，第八章的碰撞检测比较难理解，看这部分的时候，我感觉非常吃力，向量运算是主要 ...
分类：
其他好文 时间：
2017-01-30 22:00:58
阅读次数：
280
源于前段时候微信小程序最初火爆公测时段，把以前用 Canvas 实现的大转盘抽奖移植成微信小程序，无奈当时小程序对 Canvas 支持不够完善，只好降低用 CSS3 实现。虽然比不上 Canvas 绘图的绚丽，但也总算完成了一个抽奖的 Demo，详见：https://github.com/giveb ...
分类：
Web程序 时间：
2017-01-09 00:43:16
阅读次数：
410
源于前段时候微信小程序最初火爆公测时段，把以前用 Canvas 实现的大转盘抽奖移植成微信小程序，无奈当时小程序对 Canvas 支持不够完善，只好降低用 CSS3 实现。虽然比不上 Canvas 绘图的绚丽，但也总算完成了一个抽奖的 Demo，详见：https://github.com/giveb ...
分类：
Web程序 时间：
2017-01-09 00:03:43
阅读次数：
446
相对于canvas绘图，SVG是一种绘制矢量图的技术。全称叫做Scalable Vector Graphics，可缩放的矢量图，在2000年就已经存在，H5把它纳入了标准标签库，并进行了一些瘦身。需要注意的是，SVG图形的属性不属于HTML DOM标准，需要用核心DOM的方法来操作；SVG的样式可以 ...
分类：
Web程序 时间：
2017-01-01 19:47:52
阅读次数：
234
H5引入了canvas标签，默认是一个300*150的inline-block。canvas的宽高只能用它自身的width和height属性来指定，而不能使用css样式中的width、height。 一、获得‘画笔’对象，canvas所有的任务都需要它来执行 var ctx=canvas.getCo ...
分类：
Web程序 时间：
2017-01-01 17:14:40
阅读次数：
272
3、绘制三角形 参数说明： ctx: canvas画布 conf: 配置项，提供以下一些配置 x： 中心点横坐标 y： 中心点纵坐标 num: 多边形的边数 r：多边形的半径长度 width：多边形线的宽度 strokeStyle：边线的颜色 fillStyle：填充的颜色 绘制一个六边形，边框为蓝 ...
分类：
其他好文 时间：
2016-12-29 10:56:15
阅读次数：
142
自定义view的流程分为measure、 layout、draw三个主要步骤，今天我们通过源码来分下下measure的过程我们从顶级view开始，顶级view即DecorView， view的事件都是...
分类：
移动开发 时间：
2016-12-27 18:13:17
阅读次数：
484
