javascript - Compensate for browser zoom in Three.js CSSRenderer -
I am working on a project in three.js using the CSSRenderer and I am told to make it Required to display properly when the browser's zoom should not be 100%. Which I can tell:
- There is no way to force the browser to return to 100%
- there is no way to zoom the browser's zoom ( I thought that if I can locate the zoom, then I can zoom the CSS in the other direction, the way it was suggested in the post of victory. :
Looking at it, it seems impossible that three. JS view can be displayed properly on non-100% zoom, and I can not even show the user the warning that the app will not work properly with the Zoom scale scale. Can anyone prove me wrong on this? Does anyone know that anything has been done to solve this issue?
three. Js implements the changes using Matrix 3D () function. One with Chrome is that the 3D changes using Matrix 3D do not grow properly under browser zoom.
You can see an example of a bug if you change the zoom level, then you will notice the boundary between the red and blue boxes.
The solution is to rotate the solution independently using translation and scale changes. This method avoids Chrome bugs and scales (the range between the box corresponds to the zoom levels) .
Here is an update that uses this technique and uses the scales properly.
Comments
Post a Comment