可以从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()不是一件事!Canvas甚至不是一件事HTMLCanvasElement.尽管如此,您无法使用其构造函数.

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

Answer 2

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