Use the canvas tag dynamically added by js to draw some lines, and use absolute positioning at a specific location. It is displayed by default, but the product requires that it can be hidden, so I made a button that can be hidden or displayed after clicking it. When using hide() and show(), why is the position of the canvas incorrect after hide() and then show()?