Hola, tengo una pregunta acerca de cómo crear dinámicamente un lienzo usando javascript.

creo un lienzo como este:

var canvas = document.createElement('canvas');
canvas.id     = "CursorLayer";
canvas.width  = 1224;
canvas.height = 768;
canvas.style.zIndex   = 8;
canvas.style.position = "absolute";
canvas.style.border   = "1px solid";

pero cuando intento localizarlo, me sale unnull valor:

cursorLayer = document.getElementById("CursorLayer");

¿Lo estoy haciendo mal? ¿Hay una mejor manera de crear un lienzo utilizando JavaScript?