Канвас (холст) - элемент , с помощью которого производится работа с изображениями.
Canvas
height
Высота холста
weight
Ширина холста
getContext
(str contextid[, args])Возвращает контекст канваса
Если contextid == ‘2d’, вернет CanvasRenderingContext2D
toDataURL
([str type='image/png'[, args]])Возвращает растровое изображение холста в виде URL-адреса data://
type - MIME-тип или графический формат
// Скопировать содержимое холста в элемент <img> и добавить его в документ
var canvas = document.getElementById("my_canvas");
var image = document.createElement("img");
image.src = canvas.toDataURL();
document.body.appendChild(image);