HTML5 Canvas Example

HTML

<h2>
sup /b
</h2>
<canvas id="canvas" width="480" height="320"></canvas>

CSS

#canvas {}

#background {
  display: none;
}

#ballon {
  position: absolute;
  top: 50px;
  left: 50px;
  cursor: move;
  opacity: 0.5;
}

JavaScript

$(document).ready(function() {
  var d_canvas = document.getElementById('canvas');
  var context = d_canvas.getContext('2d');
  context.fillStyle = "rgba(255,0,0,255)";
  
  var radius = 25;
  var x0 = 100;
  var y0 = 100;
  for(var i = 0; i < 100; i++) {
      var t = 2 * Math.PI * i / 100;
  		var x = x0 + radius * Math.cos(t);
      var y = y0 + radius * Math.sin(t);
      context.fillRect(x, y, 1, 1);
  }
  
  
});