我正在尝试使用适当的 x=cos(theta)、y=sin(theta) 函数绘制圆的下半部分。如果我将 theta 从 Math.PI 迭代到 2*Math.PI 我似乎得到了圆的上半部分:
我在这段代码片段中做错了什么:
window.onload = function()
{
var canvas = document.getElementById('circle-canvas');
if (canvas && canvas.getContext) {
var context = canvas.getContext('2d');
if (context) {
context.strokeStyle = "#369";
context.lineWidth = 4;
j = canvas.width / 2;
k = canvas.height / 2;
r = canvas.width / 4;
function computeX(theta, r, j, k){ return r * Math.cos(theta) + j; }
function computeY(theta, r, j, k){ return r * Math.sin(theta) + k; }
start = Math.PI;
context.lineTo(computeX(start, r, j, k), computeY(start, r, j, k));
for(var theta = start; theta <= (2*Math.PI); theta += .1)
{
x = computeX(theta, r, j, k);
y = computeY(theta, r, j, k),
context.lineTo(x, y);
}
context.stroke();
context.closePath();
}
}
}
编辑:
我知道 arc 函数。我需要以这种方式实现弧,因为这将用作更大问题的一部分,我需要计算弧的每个单独点。