2.矩形画布只支持一种原生图形绘制:矩形。所有其他的图形绘制都需要生成至少一条路径。绘制矩形的三种方式://绘制一个填充的矩形fillRect(x,y,width,height);//绘制一个矩形的边框strokeRect(x,y,width,height);//清空指定的矩形区域,让透明部分是完全透明的。clearRect(x,y,宽度,高度);矩形示例3.路径图形的基本元素是路径。路径是点的集合。使用路径绘制图形的一般步骤如下:1.beginPath()创建新路径(有时需要创建路径的起点)2.lineTo、arc、rect等绘制路径3.closePath关闭路径(根据实际需要)4.strokefilltodraworFilling(路径没有这一步,图形不会显示)路径绘制常用方法//直线路径lineTo(x,y)//矩形路径rect(x,y,width,height)//圆弧路径arc(x,y,radius,startAngle,endAngle,anticlockwise)//椭圆路径(chrome37+)ellipse(x,y,radiusX,radiusY,rotation,startAngle,endAngle,anticlockwise)//二次贝塞尔曲线quadraticCurveTo(cp1x,cp1y,x,y)//三次贝塞尔曲线bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)//Path2D(chrome36+,addPathchrome68+)newPath2D(路径);
