Как добавить поддержку функции браузера, как WebGL в машинописном?

Question

Как добавить поддержку функции браузера, как WebGL в машинописном?

голоса

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

«HTMLCanvasElement» только кажется, предлагает 2d методов холста. Это не позволит мне скомпилировать gl.viewport () и т.д. Как добавить поддержку WebGL?

typescript

Задан 08/10/2012 в 06:14
источник пользователем Blub

На других языках...

1 ответов

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

Вы должны определить методы 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);