可以從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; 
} 

我會在說「畫布是未定義」並不HTML5不允許創建從構造元素行VAR帆布=新的Canvas（）的錯誤？或者是否有我需要傳遞給構造函數的參數。任何想法都會很棒。

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);