web-dev-qa-db-fra.com

Comment dessiner un cercle dans HTML5 Canvas en utilisant JavaScript?

Comment dessiner un simple cercle dans HTML5 Canvas en utilisant un code JavaScript minimum?

24
Humayun Shabbir

Voici comment dessiner un cercle en utilisant JavaScript en HTML5.

Voici le code:

   var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      var centerX = canvas.width / 2;
      var centerY = canvas.height / 2;
      var radius = 70;

      context.beginPath();
      context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
      context.fillStyle = 'green';
      context.fill();
      context.lineWidth = 5;
      context.strokeStyle = '#003300';
      context.stroke();
      body {
        margin: 0px;
        padding: 0px;
      }
    <canvas id="myCanvas" width="578" height="200"></canvas>
28
Humayun Shabbir