можно ли создать элемент HTML5 Canvas из конструктора Canvas

Question

Я хотел бы иметь возможность создавать элементы Canvas из конструктора, чтобы я мог создать такую ​​функцию.

function createCanvasContext(height,width)
{
   var body =  document.getElementsById('body')[0];
   var canvas = new Canvas();
   canvas.height=height;
   canvas.width = width;
   var context = canvas.getContext('2d');
   body.appendChild(canvas);
   return context;
}

Я получаю сообщение об ошибке в строке var canvas = new Canvas (), говорячто «Canvas is undefined» не позволяет HTML5 создавать элементы из конструктора?или есть параметры, которые мне нужно передать конструктору.Любые идеи будут великолепны.

Answer 1

Хотя вы можете сделать new Image() просто отлично, new Canvas() - не вещь! Canvas Это даже не вещь, хотя HTMLCanvasElement есть. Тем не менее, вы не можете использовать его конструктор.

document.createElement('canvas'); это то, что вы хотите. Вы должны использовать это, как и в случае с divs.

Answer 2

var mycanvas = document.createElement("canvas");
mycanvas.id = "mycanvas";
document.body.appendChild(mycanvas);