几个好玩的H5案例

一排伞:

绘制圆形:context.arc(x,y,radius,startAngle,endAngle,anticlockwise);




html5





一圈伞:

旋转坐标空间
每次开始绘制图形之前,现将坐标空间旋转pi*(2/4+i/4),再将坐标空间沿y轴负方向移动100,然后开始绘制图形,从而实现是图形沿一中心点平均旋转分布.




html5






查看视频帧动画:





html5






 





你可能感兴趣的:(h5)