如何在画布形状之间绘制对角线

Question

我想在圆圈之间画一条对角线。我怎么能这样做？这是我的代码的一部分：

<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/