Как нарисовать спираль на Canvas?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22

let canvas = document.getElementById("myCanvas");
let context = canvas.getContext("2d");

let centerX = canvas.width / 2;
let centerY = canvas.height / 2;
let radius = 50;
let angle = 0;
let step = 5;

context.beginPath();
context.moveTo(centerX, centerY);

for(let i = 0; i < 300; i++) {
  angle += step;
  radius += 0.05;
  let x = centerX + (radius * Math.cos(angle * Math.PI / 180));
  let y = centerY + (radius * Math.sin(angle * Math.PI / 180));

  context.lineTo(x, y);
}

context.stroke();