以下是我的ms游戏的javascript。 Pac-Man的。我试图完全重新创建游戏的布局,现在正在创建墙壁。
ctx.beginPath();
ctx.strokeStyle = "#FFFFFF";
ctx.lineWidth=2;
ctx.moveTo(rectX, rectY);
ctx.lineTo(rectX + rectWidth - cornerRadius, rectY);
ctx.arcTo(rectX + rectWidth, rectY, rectX + rectWidth, rectY + cornerRadius, cornerRadius);//(x1,y1,x2,y2,radius)
ctx.lineTo(rectX + rectWidth, rectY + rectHeight);
ctx.arc(rectX + rectWidth - cornerRadius, rectY + rectHeight + cornerRadius, minorRadius, 0*Math.PI, 1*Math.PI);
ctx.lineTo(rectX + rectWidth - cornerRadius * 2, rectY + cornerRadius * 4);
以下是问题发生的地方。它应该是我墙的内部曲线,但它做的事特别奇怪(你可以在第一张图片中看到)。
ctx.arc(rectX + rectWidth - cornerRadius * 2, rectY + cornerRadius * 2, 5, 1.5*Math.PI,0*Math.PI);
ctx.stroke();
ctx.closePath();