Wie füge ich Unterstützung für Browser wie WebGL bietet auf Typoskript?

Question

Wie füge ich Unterstützung für Browser wie WebGL bietet auf Typoskript?

stimmen

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

Das „HTMLCanvasElement“ scheint nur 2d Leinwand Methoden anbieten zu können. Es wird mich nicht gl.viewport () usw. lassen kompilieren Wie kann ich diese Unterstützung für WebGL hinzufügen?

typescript

Veröffentlicht am 08/10/2012 um 06:14
quelle vom benutzer Blub

In anderen Sprachen...

1 antworten

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

Sie müssen WebGL Methoden definieren , bevor Sie sie verwenden. Sie können einige Community geschrieben WebGL Typisierung finden hier . Fügen Sie die WebGL.d.ts zu einem Projekt und nennen Sie es wie:

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