WebGL ile Tarayıcı gibi tarayıcı özellikleri için nasıl destek eklerim?

Question

var canvas = <HTMLCanvasElement>document.getElementById('canvas1'); 
var gl = canvas.getContext('webgl'); 
canvas.width = 400; 
canvas.height = 400; 
gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight); 

"HTMLCanvasElement" yalnızca 2d tuval yöntemleri sunuyor gibi görünüyor. Gl.viewport() vb. Derlememe izin vermiyor. Bu desteği WebGL'ye nasıl eklerim?

Answer 1

WebGL yöntemlerini kullanmadan önce tanımlamanız gerekir. here yazarak WebGL yazılan bazı topluluk bulabilirsiniz. WebGL.d.ts dosyasını projenize ekleyin ve şu şekilde adlandırın:

///<reference path="WebGL.d.ts" /> 

var canvas = <any>document.getElementById('canvas1'); 
var gl = <WebGLRenderingContext> canvas.getContext('webgl'); 
canvas.width = 400; 
canvas.height = 400; 
gl.viewport(0, 0, gl.drawingBufferWidth, gl.drawingBufferHeight);