canvas绘图无法闭合问题

canvas绘图无法闭合问题

你再好好读下文档

定义和用法
closePath() 方法关闭一条打开的子路径。
描述

如果画布的子路径是打开的，closePath() 通过添加一条线条连接当前点和子路径起始点来关闭它。
如果子路径已经闭合了，这个方法不做任何事情。
一旦子路径闭合，就不能再为其添加更多的直线或曲线了。要继续向该路径添加，需要通过调用 moveTo() 开始一条新的子路径。




通过添加一条线条连接当前点和子路径起始点来关闭它
在你的绘制中, Path内只有arc一个指令, 根本没有设置子路径起始点, 那它怎麽闭合?
context.stroke;//绘制矩形的颜色
context.lineWidth = 1;//设置线宽
context.beginPath();//绘制圆弧开始
context.moveTo(0,150-i*10)
context.lineTo(0,150)
context.arc(0,150,i*10,0,Math.PI*2/3,true);//规定圆心坐标、半径、圆弧度数、顺时针方向
context.closePath();//绘制圆弧结束
context.stroke();//绘制canvas轮廓追问
我要的是这种效果，很多这种弓形，不是你说的从（0,150）为起点的两条垂直相交的线段，这里我直接用的截图工具里的箭头代替直线了。你知道怎么实现么？
追答...

context.stroke;//绘制矩形的颜色
context.lineWidth = 1;//设置线宽
context.beginPath();//绘制圆弧开始
context.moveTo(0,150-i*10)
context.arc(0,150,i*10,0,Math.PI*2/3,true);//规定圆心坐标、半径、圆弧度数、顺时针方向
context.closePath();//绘制圆弧结束
context.stroke();//绘制canvas轮廓