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

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/