¿Cómo agrego soporte para el navegador presenta como WebGL a mecanografiado?

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

El "HTMLCanvasElement" sólo parece ofrecer métodos Canvas 2D. No me permitirá compilar gl.viewport() etc. ¿Cómo agrego este soporte para WebGL?

Answer 1

es necesario definir los métodos de WebGL antes de usarlos. Puede encontrar alguna comunidad escrita WebGL escribir here. Añadir los WebGL.d.ts a su proyecto y llamar así:

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