three.js dom id von canvas element für webgl renderer verwendet

Question

Ich möchte die ID des Canvas-Elements automatisch von three.js erstellt bekommen.

Alternativ wäre ich ebenso glücklich (vielleicht mehr) mit der Fähigkeit, eine bereits existierende Canvas-Element-ID während der Konstruktion weiterzugeben.

Nach der Untersuchung habe ich versucht, dies:

renderer = new THREE.WebGLRenderer({ canvas: my_canvas }); 

ohne Erfolg (es von einem hübschen alten Build ist, aber hatte gehofft, dass es funktionieren würde). Vielleicht hat sich eine Parametersyntax seit 2 Jahren verändert?

(my_canvas die ID der Leinwand zu sein, versuchte auch entlang Zusammenhang vorbei, kein Glück)

Schließlich habe ich versucht:

document.getElementsByTagName('canvas'); 

die nichts zurück ... das war ein Puzzler und die sprichwörtliche Strohhalme, die mich hierher gebracht haben.

Jeder Einblick geschätzt, danke! (Ich habe jetzt Stimmrecht)

Answer 1

var canvas = document.getElementById("canvasID"); 
renderer = new THREE.WebGLRenderer({ canvas: canvas }); 

Answer 2

Wenn Sie in der neuesten Version (R57) in three.js/src/renderers/WebGLRenderer.js (ganz oben in der Datei) schauen, können Sie sehen, dass Sie tatsächlich bestehen können ein Canvas-Argument für den Renderer. Wenn Sie keinen weitergeben, wird einer für Sie erstellt. Sie müssten wahrscheinlich etwas Code posten, der nicht funktioniert, oder besser noch ein Jsfiddle, damit wir uns das Problem ansehen können.