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 Canvas 方法。它不会让我编译gl.viewport()等。如何添加对WebGL的支持?

最佳答案

您需要先定义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);

09-30 15:56
查看更多