canvas example

messing with canvas

JavaScript

var my_canvas = document.createElement('canvas'),
  context = my_canvas.getContext("2d");

my_canvas.width = '200';
my_canvas.height = '200';
my_canvas.style.border = '1px dotted black';

context.moveTo(20, 20);
context.lineTo(100, 20);

context.fillStyle = "#999";
context.beginPath();
context.arc(100, 100, 75, 0, 2 * Math.PI);
context.fill();

context.fillStyle = "orange";
//context.strokeRect(20,20,30,50);
context.fillRect(20, 20, 50, 50);

context.font = "24px Helvetica";
context.fillStyle = "#000";
context.fillText("Canvas", 50, 130);

document.body.appendChild(my_canvas);