I have a usecase where I want the canvas to be width: 100%; height 100% and the wrapper width: 100%; aspect-ratio: 16 / 9;.

When the screen is being resized, the div above it is also being resized (class: col-span-1). How to properly indicate in javascript to the canvas that it was being resized to a different width and height?