关于canvas中的beginPath和endPath
在windows中除了区域这个概念,还增加了一个新的GDI对象:也就是路径
一开始图形的形状,内部的填充都是局限性的,但是路径的出现大大丰富了关于图形的设计
关于路径的API参数
BeginPath : 路径开始 EndPath : 路径结束
StrokePath : 绘制路径 FillPath : 填充路径
对于路径的调节有moveTo lineTo
moveto是移动到某个坐标,lineto是从当前坐标,
移动的某个坐标连接早当前坐标。这两个函数加起来就是画一条直线
对于路径的调节有arc
arc方法
是2D画布的一个绘制圆状态的一个方法,arc有六个参数:arc(x, y, r, sAngle, eAngle, counterclockwise);六个参数对应的意思
x,y表示圆心坐标
r 表示圆的半径
sAngle : 表示开始绘制的角度
eAngle : 表示结束绘制的角度
counterclockwise : 表示顺时针绘制还是逆时针,false = 顺时针,true = 逆时针,默认值是false
代码实训
<div>
<p>canvas3</p>
<canvas ref