typescript - 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タイピングを見つけることができます。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);