如何获得绘制弧在画布中结束的点的坐标?

时间:2016-09-04 06:46:19

标签: javascript canvas geometry

请考虑this示例。

如何获得弧结束点的坐标?这有什么功能吗?

var canvas = document.getElementById('myCanvas');

var context = this.canvas.getContext('2d');

context.beginPath();
context.arc(115, 115, 100, (Math.PI/2)+Math.PI, 0, false);
context.lineWidth = 15;
context.stroke();

1 个答案:

答案 0 :(得分:2)

基本三角学给出了公式

 X_End = X_Center + R * Cos(End_Angle)
 Y_End = Y_Center + R * Sin(End_Angle)

为你的情况

 X_End = 115 + 100 * Cos(0) = 215

自己找Y_End