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キャンバス=新しいキャンバス（）でエラーが出ますか？またはコンストラクタに渡す必要のあるパラメータがあるかどうかを確認します。どんなアイデアも素晴らしいだろう。

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