用JavaScript绘制一个渐变圆圈对角线

简单介绍下涉及到的方法：

getElementById()方法：可返回对拥有指定 ID 的第一个对象的引用；

getContext()方法：返回一个用于在画布上绘图的环境；

floor()方法：可对一个数进行下舍入；

fill()方法：填充当前的图像（路径），默认颜色是黑色；

fillStyle属性：设置或返回用于填充绘画的颜色、渐变或模式；

beginPath()方法：开始一条路径，或重置当前的路径；

arc()方法：创建弧/曲线（用于创建圆或部分圆）；

stroke()方法：会实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径。默认颜色是黑色。