核心提示：小例中用到了画布canvas的画矩形，画圆或弧，画线，画文字，颜色渐变。其全部颜色 字体 图形都是通过js在canvas上绘制形成，总结了几个context对象的方法如下：1.画矩形：fillRect...
小例中用到了画布canvas的画矩形，画圆或弧，画线，画文字，颜色渐变。
其全部颜色 字体 图形都是通过js在canvas上绘制形成，总结了几个context对象的方法如下：
1.画矩形：fillRect(x, y, width, height) //矩形左上角点x坐标，矩形左上角点y坐标, 矩形宽度，矩形高度
2.画圆： arc(x, y, radius, 0, 2*Math.PI, false); //圆心x坐标,圆心y坐标,圆半径,开始弧度,结束弧度,是否逆时针绘制
3.画线： beginPath(); //重置路径起点
moveTo(80,30); //笔触移动至点（x,y）
lineTo(180,30); //定义从当前点到点（x,y）的路径
context.closePath();//定义从当前点到路径起点的路径 结束本个路径定义
fill(); //填充路径
4.画文字：fillText(法国,65,100,560); //文字内容，起点x坐标，起点y坐标，文字总共最大宽度
5.定义渐变可用于矩形或文字：createLinearGradient(180,90,canvas.width,116);
//渐变开始点的 x 坐标，渐变开始点的y坐标, 渐变结束点的x坐标, 渐变结束点的y坐标
6.清除画布某部分的方法：clearRect(x,y,width,height) //要清除的矩形左上角点x坐标，要清除的矩形左上角点y坐标, 要清除的矩形宽度，要清除的矩形高度 (清除即清除掉对应部分所画之物)
1.效果图：
