效果： 源码： ...

擦除 ：canvas.clearRect(x,y,w,h); 二. 绘制 首先绘制需要在文档加载 ...

效果： 素材： 源码：（一般的绘制方式） 源码：(面向对象的绘制方式) Sprite.js index.html ...

　　用canvas绘制了一个钟表，废话不多说了，直接上代码吧。效果图如下： ...

效果： 源码： ...

内容引自大学慕课：https://www.icourse163.org/learn/BIT-1002058035?tid=1002161029#/learn/content?type=detail&id=1002877670&cid=1003294687 绘制动态钟表的基本思路 ...

目的：通过js实现小球碰撞并实现动量守恒 canvas我们就不多说了，有用着呢。 我们可以通过canvas画2D图形（圆、方块、三角形等等）3D图形（球体、正方体等待）。 当然这只是基础的皮毛而已，canvas的强大之处在于可以做游戏，导入模型，粒子效果，实现漫游又或者全景和VR ...

原理说明 1、通过arc方法实现钟表外环； 2、通过line实现钟表时针，分针，秒针和刻度标志的绘制，基于save和restore方法旋转画布绘制不同角度的指针； 3、通过font方法实现在画布上绘制文字，基于save和restore方法旋转绘制的文字，使文字正向显示。 实例效果图 ...