Wind animation is not visible on full screen about animatedenvironmentlayer HOT 8 OPEN

Thank you for taking the time to reply me! I opened your link with Chrome, edge, firefox, but still found misalignment and scaling. There are some errors and warnings, I have attached a picture (Figure 1-Figure 4, only screenshots of the wave data source in Australia, because it can show dislocation and scaling at the same time), maybe you can take a look. It doesn’t seem to be a problem with the algorithm, it’s just that the offset and scaling appear when the screen is displayed (Figure 4, chrome, it’s so strange! Here, when the mouse points to the picture, the direction and speed are displayed in the lower left corner, but not on the drawing board Line? When the mouse stops on the Australian territory, the direction and angle display n/a, which is in line with the algorithm logic, but the picture is obviously misplaced) I'm confused, and I don't even know which direction to think in order to solve the bug, please help me to judge whether my direction is correct? New ideas: The problem now is to display the canvas image on a high-resolution screen. After the canvas drawing board is enlarged, do we still need corresponding graphics? (But the particle animation is completely messed up. I didn't expect it, and I can't understand it. It seems that it is unwise to think that it is only related to window.devicePixelRatio) fig1(edge) fig 2 chrome(not my computer) fig3 firefox fig4 chrome

Thank you for taking the time to reply me! I opened your link with Chrome, edge, firefox, but still found misalignment and scaling. There are some errors and warnings, I have attached a picture (Figure 1-Figure 4, only screenshots of the wave data source in Australia, because it can show dislocation and scaling at the same time), maybe you can take a look. It doesn’t seem to be a problem with the algorithm, it’s just that the offset and scaling appear when the screen is displayed (Figure 4, chrome, it’s so strange! Here, when the mouse points to the picture, the direction and speed are displayed in the lower left corner, but not on the drawing board Line? When the mouse stops on the Australian territory, the direction and angle display n/a, which is in line with the algorithm logic, but the picture is obviously misplaced) I'm confused, and I don't even know which direction to think in order to solve the bug, please help me to judge whether my direction is correct? New ideas: The problem now is to display the canvas image on a high-resolution screen. After the canvas drawing board is enlarged, do we still need corresponding graphics? (But the particle animation is completely messed up. I didn't expect it, and I can't understand it. It seems that it is unwise to think that it is only related to window.devicePixelRatio) fig1(edge) fig 2 chrome(not my computer) fig3 firefox fig4 chrome

Yes I solved the problem

can you tell me the solution? I'm still stuck on this issue, hope some blog link or reference code/project? Thank you very much for your reply (It seems that the last reply has not been sent to your mailbox, I am not familiar with the reply operation of github) I thought it was a problem with window.devicePixelRatio before, but it was completely messed up when it was not an integer. I don’t understand the project and invert functions, so I can’t fix it for a while