Canvas Drawing Example

by rsmclaug

HTML

<canvas id="my-canvas" width="500" height="500"></canvas>

CSS

canvas {
    background: black;
}

JavaScript

var canvas = document.getElementById("my-canvas");
var context = canvas.getContext("2d");

context.fillStyle = "green";
context.fillRect(10, 10, 100, 100);