（三）描边 填充 绘制 开始路径 结束路径 绘制文本

strokeStyle = "red"  //指定描边颜色

fillStyle = "red"   //指定填充颜色

fillRect(x,y,width,height)  //绘制一个自带填充的矩形，接收4个参数，xy代表开始绘制的点，后两个参数表示要绘制的矩形的宽高

strokeRect()   //绘制一个描边的矩形，参数同上

beginPath()   //开始绘制路径

closePath()    //结束绘制路径

moveTo(x,y)  //指定开始绘制的起点

lineTo(x,y)     //从上一点开始绘制一条直线到当前点

lineWidth = 5  //指定绘制线条的宽度

stroke()         //绘制

arc(x，y，半径，开始角度，结束角度，true逆时针/false顺时针)    // 6个参数，结束角度为：2*Math.PI 表示画一个圆

clip() // 在路径上创建一个裁切区域

 

fillText("要绘制的文本"，x，y)  // 把第一个参数指定的文本从指定的xy点开始绘制（绘制一个带填充的文本）

strokeText("要绘制的文本"，x，y)  // 解释同fillText （绘制一个带描边的文本）

font = "bold  22px  Microsoft YaHei"   // 3个参数，设置绘制的文本格式

textAlign = "center"  // 设置文本的对齐方式同css的 text-align 值一样

textBesaline = "middle" //表示文本的基线

转载于:https://www.cnblogs.com/chefweb/p/6046423.html