Choppy keyframe animation

[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

[8Observer8]

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.