可以从Canvas构造函数创建HTML5 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 =新Canvas（）说'Canvas未定义'时得到错误HTML5不允许从构造函数创建元素吗？ 或者是否需要传递给构造函数的参数。 任何想法都会很棒。

Answer 1

虽然你可以做new Image()就好了， new Canvas()不是一件好事！ 尽管HTMLCanvasElement是，但Canvas甚至HTMLCanvasElement是。 尽管如此，您无法使用其构造函数。

document.createElement('canvas'); 是你想要的。 你必须使用它，就像使用div一样。

Answer 2

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