canvas html circle code example

Example 1: javascript draw circle on canvas

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.arc(x, y, radius, 0, Math.PI * 2);
ctx.fillStyle = "red";
ctx.fill();

Example 2: make a circle in javascript

<!DOCTYPE html>
  <html>
  <head>
  <meta charset=utf-8 />
  <title>Draw a circle</title>
  </head>
  <body onload="draw();">
  <canvas id="circle" width="150" height="150"></canvas>
  </body>
  </html>

Tags:

Css Example

Related