畫布-相對於高度保持16：9的縱橫比

Question

這個問題應該很容易，我一直無法找出答案！ 甚至看到其他關於保持長寬比的帖子，因為他們都在談論相對於寬度保持長寬比。

例如，如果我希望它具有完整的Width畫布並保持16：9的縱橫比，則可以使用以下代碼：

var can = document.getElementById('canvas');
can.width = window.innerWidth;
can.height = can.width * (9 / 16);

我正在嘗試使Canvas達到用戶瀏覽器的高度，這是簡單的部分。

但是如何計算畫布應具有的寬度？ 例如：

如果我的身高是768 ，我知道寬度應該是1360 ，那將保持16：9的寬高比，但是考慮到高度是可變的，計算寬度的公式是什么？

先謝謝你！

Answer 1

根據您的代碼，相對寬度可以計算如下

var can = document.getElementById('canvas');
can.height = window.innerHeight;
can.width = can.height * (16/9);