HTML5 Canvas öğesi, Tuval kurucusundan oluşturulabilir

Question

Tuval öğelerini yapıcıdan yapmak istiyorum, böylece böyle bir işlev yapabilirim.

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

ben HTML5 yapıcı öğeleri oluşturmaya izin vermiyor 'Tuval tanımlanmamış' diyerek hat var tuval = new Tuval() bir hata alıyorum? veya kurucuya geçmem gereken parametreler var. Herhangi bir fikir harika olurdu.

Answer 1

new Image() ürününü düzgün yapabilmeniz için new Canvas() bir şey değildir! Canvas Bir şey bile yok, HTMLCanvasElement ise. Bununla birlikte yapıcısını kullanamazsınız.

document.createElement('canvas'); ne istiyor. Bunu kullanmak zorundasınız, tıpkı div'larda olduğu gibi.

Answer 2

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