3

このパターンのスパイラルを描画したいのcanvasですが、以下のコードを使用しています。さらに円を描くにはあなたの助けが必要です。

 // get the canvas element using the DOM
 var canvas = document.getElementById('circlecanvas');
 // Make sure we don't execute when canvas isn't supported
 if (canvas.getContext){
    // use getContext to use the canvas for drawing
    var ctx = canvas.getContext('2d');
    // Draw shapes
    ctx.beginPath();
    //context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
    for (i=0;i<9;i++){
        ctx.arc(50, 50, 50, i, Math.PI * 2, false);
        ctx.fill();
    }
}
4

1 に答える 1

2

必要なのはスパイラルだと思います...下に代数螺旋を描くための擬似コードを投稿しています：-NB-角度は変数です..それに応じて調整します...

for (i=0; i< 720; i++) {
  angle = 0.1 * i;
  x=(1+angle)*Math.cos(angle);
  y=(1+angle)*Math.sin(angle);
  drawlineTo(x, y);
}
于 2013-03-19T12:12:14.483 に答える