javascript - 如何在 Canvas 形状之间绘制对 Angular 线

Question

我想在圆圈之间画一条对 Angular 线。我怎样才能做到这一点？这是我的代码的一部分:

<div id="ways" style="width:1000px;margin:0 auto;height:100%;">
    <canvas id="canvas" width="1000" height="1000"></canvas>
</div>

并完成fiddle

我想为中心圆创建线条，例如:

Answer 1

您可以像其他线条一样绘制它:

    if (i != rows - 1 && j != cols - 1) {
        context.moveTo(
            x + radius / sqrt2,
            y + radius / sqrt2
        );
        context.lineTo(
            (j + 1) * offset + center - radius / sqrt2,
            (i + 1) * offset + center - radius / sqrt2
        );
        context.moveTo(
            x + radius / sqrt2,
            (i + 1) * offset + center - radius / sqrt2
        );
        context.lineTo(
            (j + 1) * offset + center - radius / sqrt2,
            y + radius / sqrt2
        );
    }

http://jsfiddle.net/o256ppwx/2/