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

Question

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

votos

6

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 deja compilar gl.viewport (), etc. ¿Cómo agrego este soporte para WebGL?

typescript

Publicado el 08/10/2012 a las 06:14
fuente por usuario Blub

En otros idiomas...

1 respuestas

Murat Sutunc · Accepted Answer · 2012-10-08 06:38

Es necesario definir los métodos de WebGL antes de usarlos. Se pueden encontrar algunos escrita comunidad tipificación WebGL aquí . 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);