可以从Canvas构造函数创建HTML5 Canvas元素

时间:2011-11-30 18:26:44

标签: javascript html5 canvas

我希望能够从构造函数中创建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 is undefined'HTML5不允许从构造函数创建元素吗?或者是否需要传递给构造函数的参数。任何想法都会很棒。

2 个答案:

答案 0 :(得分:78)

虽然你可以做new Image()就好了,new Canvas()不是一件好事!虽然CanvasHTMLCanvasElement,但我还是document.createElement('canvas');。尽管如此,你不能使用它的构造函数。

{{1}}就是你想要的。你必须使用它,就像使用div一样。

答案 1 :(得分:51)

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