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 渲染。