HTML5 - Canvas

by Ryan Morris

HTML

<canvas width="120" height="60"></canvas>

JavaScript

var canvas = document.querySelector("canvas");

var context = canvas.getContext("2d");

context.fillStyle="red";
//context.fillRect(10, 10, 100, 50);
context.strokeRect(10, 10, 100, 50);

// Drawing lines...
var cx = document.querySelector("canvas").getContext("2d");
for (var y=10; y<100; y+=10) {
     cx.moveTo(10,y);
    cx.lineTo(90,y);
}
cx.stroke();