I would like to render a <div> (in my case it's one of the ECharts) with Three.js CSS3DRenderer and combine it with WebGL content, but with fixed width and height, the rendering quality is not good when zooming in as it was rendered with fixed width and height. Therefore, I wonder is there a way to increase the rendering resolution when rendering the <div> with CSS3DRenderer (NOT the devicePixelRatio of <div>)? Thanks in advance!
Three.js, setting devicePixelRatio for rendering CSS3DRenderer
Viewed 37
1 Answers
I wonder is there a way to increase the rendering resolution when rendering the with CSS3DRenderer
No, that is not possible. The renderer just transforms HTML elements. In this context, you as a developer have no influence on the element's resolution. CSS3DRenderer.setSize() only allows to define the size of the renderer's container element.
If you need charts that stay sharp even when zooming in, you might want to rely on ECharts's SVG rendering.
Related