通過圓Javascript行

Question

試圖通過圓畫一條線

例如： https ： //imgur.com/wk9lAwD

這是我的代碼： https : //codepen.io/ethan-horrigan/pen/OrRLXx

    var r = 200;
    var x1 = 800 / 2;
    var y1 = 540 / 2;

    var x = r * Math.cos(Math.PI / 180 * 135) + x1;
    var y = r * Math.sin(Math.PI / 180 * 315) + y1;

    ctx.beginPath();
    ctx.arc(x1, y1, r, 0, Math.PI * 2, false);

    ctx.moveTo(x1,y1);
    ctx.lineTo(x, y);
    ctx.stroke();

Answer 1

我相信這就是您想要的：

ctx.moveTo(x, y);
ctx.lineTo(x1 + (x1 - x), y1 + (y1 - y));
ctx.stroke();

Codepen

Answer 2

var r = 200;
var x1 = 800 / 2;
var y1 = 540 / 2;

var x = r * Math.cos(Math.PI * .75) + x1;
var y = r * Math.sin(Math.PI * 1.75) + y1;
ctx.beginPath();
ctx.arc(x1, y1, r, Math.PI * .25, Math.PI * 2.25, false);

ctx.lineTo(x, y);
ctx.stroke();