Javascript 16:9格式，可调整大小

我正在寻找一种方法，如何以16:9的格式更改图像。我想创建一个16:9比例的小游戏。我有一张图片，按钮和省略号，这张图片应该是16:9格式，还有其他的东西。最初，它旨在查询用户的屏幕，从而以16:9的比例调整图像和其他屏幕的大小。

---

一旦屏幕大小改变，图片和其他内容的大小也应该改变，始终以16:9的比例。

您可以尝试按定义的比例缩放图片，以在更改纵横比时保持与画布的比例

例如：

let image = loadImage("_____.png");
// When renderering the image scale by some amount.

push();
scale(width * scaleFactor);
image(image, x, y, w, h);
pop();

---

那么，为什么不以16:9的比例保存图像呢？然后，这只是一个调整屏幕大小的问题。顺便说一句，CSS可能会有用吗？例子