dessiner des cercles en spirale dans la toile

Question

Je veux dessiner ce modèle en spirale dans canvas J'utilise ci-dessous le code besoin de votre aide pour d'autres cercles de dessin.

// 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(); 
    } 
} 

Answer 1

Je pense que ce dont vous avez besoin est une spirale ... Je posterai le code de pseudo pour dessiner une spirale archimédien ci-dessous: - angle NB- est une variable .. que vous ajuster en conséquence ...

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); 
}