Как с помощью javascript добавить новый элемент CANVAS на страницу

Канвас можно сразу прописать в html коде, а можно и сгененировать этот элемент с помощью джаваскрипта. Впрочем любые элементы можно создать в js.

// создаем новый элемент канвас
	var canvas = document.createElement ("CANVAS");
// задаем аттрибут id, также можно задать width и height, но по умолчанию 300х150
	canvas.setAttribute ("id", "draw");	
// определяем место куда его вставим на страницу, например в конце body
	var main = document.getElementsByTagName ("body")[0];
	main.appendChild (canvas);
// с помощью протокола контекст 2Д добавляем квардрат в наш CANVAS
	var context = canvas.getContext ("2d");
	context.fillRect (10,10,55,55);