Three.js,设置用于渲染 CSS3DRenderer 的 devicePixelRatio
Three.js, setting devicePixelRatio for rendering CSS3DRenderer
我想渲染一个 <div>
(在我的例子中它是 ECharts) with Three.js CSS3DRenderer 之一,并将其与 WebGL 内容结合,但是固定宽度和高度,渲染质量不好时在以固定宽度和高度渲染时放大。因此,我想知道在使用 CSS3DRenderer 渲染 <div>
时是否有提高渲染分辨率的方法(不是 <div>
的 devicePixelRatio)?提前致谢!
I wonder is there a way to increase the rendering resolution when rendering the with CSS3DRenderer
不,那是不可能的。渲染器只是转换 HTML 个元素。在这种情况下,您作为开发人员对元素的分辨率没有影响。 CSS3DRenderer.setSize()
只允许定义渲染器容器元素的大小。
如果您需要即使在放大时也能保持清晰的图表,您可能需要依赖 ECharts 的 SVG 渲染。
我想渲染一个 <div>
(在我的例子中它是 ECharts) with Three.js CSS3DRenderer 之一,并将其与 WebGL 内容结合,但是固定宽度和高度,渲染质量不好时在以固定宽度和高度渲染时放大。因此,我想知道在使用 CSS3DRenderer 渲染 <div>
时是否有提高渲染分辨率的方法(不是 <div>
的 devicePixelRatio)?提前致谢!
I wonder is there a way to increase the rendering resolution when rendering the with CSS3DRenderer
不,那是不可能的。渲染器只是转换 HTML 个元素。在这种情况下,您作为开发人员对元素的分辨率没有影响。 CSS3DRenderer.setSize()
只允许定义渲染器容器元素的大小。
如果您需要即使在放大时也能保持清晰的图表,您可能需要依赖 ECharts 的 SVG 渲染。