Canvas 画布API断开圆弧与路径的连接';他最新的观点是什么

Canvas 画布API断开圆弧与路径的连接';他最新的观点是什么,canvas,path,automatic-ref-counting,point,Canvas,Path,Automatic Ref Counting,Point,圆弧从起点角度到路径上的上一点绘制一条直线 ctx.moveTo(100,100); ctx.lineTo(200,200); ctx.arc(300, 300, 40, 0, Math.PI, false); ctx.stroke(); 移动到该点并从该点绘制圆弧会得到相同的结果 ctx.moveTo(100,100); ctx.lineTo(200,200); ctx.moveTo(300, 300); ctx.arc(300, 300, 40, 0, Math.PI, false);

圆弧从起点角度到路径上的上一点绘制一条直线

ctx.moveTo(100,100);
ctx.lineTo(200,200);
ctx.arc(300, 300, 40, 0, Math.PI, false);
ctx.stroke();

移动到该点并从该点绘制圆弧会得到相同的结果

ctx.moveTo(100,100);
ctx.lineTo(200,200);
ctx.moveTo(300, 300);
ctx.arc(300, 300, 40, 0, Math.PI, false);
ctx.stroke();


如何断开圆弧与路径最新点的连接?

移动圆弧圆周上的最新点即可

const startingAngle = Math.PI*.5;
const radius = 40;
ctx.moveTo(100,100);
ctx.lineTo(200,200);
ctx.moveTo(300 + Math.cos(startingAngle) * radius, 300 + Math.sin(startingAngle) * radius);
ctx.arc(300, 300, 40, startingAngle, Math.PI, false);
ctx.stroke();