如何將WebGL等瀏覽器功能添加到TypeScript？

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」似乎只提供2d畫布方法。它不會讓我編譯gl.viewport（）等。我如何爲WebGL添加此支持？

Answer 1

您需要在使用它們之前定義WebGL方法。你可以找一些社區書寫WebGL打字here。將WebGL.d.ts添加到您的項目中，並將其稱爲：

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