Canvas

A drawing surface - created with HTML 'canvas' tag:

    <canvas id="myCanvas" width="500" height="500">

Get a context for access to the drawing functions:

    c = document.getElementById('myCanvas');
    ctx = c.getContext('2d');

Functions include:

• fillRect(x,y,width,height)
• strokeRect(x,y,width,height)
• beginPath()
• moveTo(x,y)
• lineTo(x,y)
• closePath()
• stroke()
• fill()

Attributes include:

• fillStyle
• strokeStyle