Create a canvas element dynamically
A simple example of creating a canvas dynamically.
var canvas = document.createElement('yourCanvas');
canvas.id = "yourCanvas";
canvas.width = 400;
canvas.height = 300;
canvas.style.left = '0px';
canvas.style.zIndex = 10;
canvas.style.position = "absolute";
canvas.style.background = "#666666";
var body = document.getElementsByTagName("body")[0];
body.appendChild(canvas);