如何繪製畫布形狀之間的對角線

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/