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);
De HTMLCanvasElement lijkt alleen 2D-canvas uit methoden bieden. Het zal me niet laten compileren gl.viewport () enz. Hoe kan ik deze ondersteuning voor WebGL toe te voegen?
Je moet WebGL methoden te definiëren voordat u ze gebruikt. U kunt een aantal community geschreven WebGL typen vinden hier . Voeg de WebGL.d.ts aan uw project en noemen het als:
///<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);