Ver Fonte

WebGLRenderer: Set style.display to block in constructor.

Mr.doob há 4 anos atrás
pai
commit
98386b0db4
2 ficheiros alterados com 9 adições e 5 exclusões
  1. 0 4
      examples/main.css
  2. 9 1
      src/renderers/WebGLRenderer.js

+ 0 - 4
examples/main.css

@@ -22,10 +22,6 @@ button {
 	text-transform: uppercase;
 	text-transform: uppercase;
 }
 }
 
 
-canvas {
-	display: block;
-}
-
 #info {
 #info {
 	position: absolute;
 	position: absolute;
 	top: 0px;
 	top: 0px;

+ 9 - 1
src/renderers/WebGLRenderer.js

@@ -39,11 +39,19 @@ import { WebGLUtils } from './webgl/WebGLUtils.js';
 import { WebXRManager } from './webxr/WebXRManager.js';
 import { WebXRManager } from './webxr/WebXRManager.js';
 import { WebGLMaterials } from "./webgl/WebGLMaterials.js";
 import { WebGLMaterials } from "./webgl/WebGLMaterials.js";
 
 
+function createCanvasElement() {
+
+	const canvas = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' );
+	canvas.style.display = 'block';
+	return canvas;
+
+}
+
 function WebGLRenderer( parameters ) {
 function WebGLRenderer( parameters ) {
 
 
 	parameters = parameters || {};
 	parameters = parameters || {};
 
 
-	const _canvas = parameters.canvas !== undefined ? parameters.canvas : document.createElementNS( 'http://www.w3.org/1999/xhtml', 'canvas' ),
+	const _canvas = parameters.canvas !== undefined ? parameters.canvas : createCanvasElement(),
 		_context = parameters.context !== undefined ? parameters.context : null,
 		_context = parameters.context !== undefined ? parameters.context : null,
 
 
 		_alpha = parameters.alpha !== undefined ? parameters.alpha : false,
 		_alpha = parameters.alpha !== undefined ? parameters.alpha : false,