Сhoppy animation when the canvas is stretched across the window, and smooth when the canvas is at a fixed size

[8Observer8]

Hello,

I created a simple example of keyframe animation using the requestAnimationFrame function. It works perfectly smooth in the browser: https://plnkr.co/edit/Auqa82LUfLttx5DO?preview

But when I build my example to EXE for Window 10 it is very choppy: simple-key-frame-animation-tauri-exe.zip

The animation becomes smooth if I make the canvas fixed rather than stretching it across the entire window:

    <canvas id="renderCanvas" width="380" height="380">
        Your browser does not support HTML5 canvas element.
    </canvas>

But when I resize the window with the mouse, the animation stops being smooth and becomes jerky. You can reproduce a problem. Download this folder: src.zip, copy the folder content to the "src" folder of "tauri-app", run it: npm run tauri dev. You will see a smooth animation. Try to change size of the window and after it the animation will be jerky.

Originally posted by @8Observer8 in https://github.com/tauri-apps/tauri/discussions/9364

[8Observer8]

The same behavior with Three.js movement animation: https://plnkr.co/edit/L4ImaJsseDf799Ky?preview Сhoppy animation when the canvas is stretched across the window, and smooth when the canvas is at a fixed size.

Run and compare the next examples:

• armchair-full-window-canvas-threejs.zip - full window canvas with choppy animation

index.html

```html ```

• armchair-fixed-size-of-canvas-threejs.zip - fixed size of canvas with smooth animation

index.html

```html ```