Menu
Sites
Language

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);

Responses

1 Replies
Marco Buettner

var canvas = document.createElement('yourCanvas'); 

should be

var canvas = document.createElement('canvas');