Javascript 如何在使用object fit CSS属性时获得HTML画布的缩放大小

当使用CSS

object-fit:contain

选项在保持纵横比的同时缩放画布内容时，如何在缩放后获得画布的可见像素尺寸（不包括信箱）

canvas.height

和

canvas.width

给出画布的本机分辨率，

canvas.clientHeight

和

canvas.clientWidth

给出“整个”画布的像素尺寸，包括缩放区域上方和下方的信箱栏

在较大的

内显示缩放的

，并显示返回的尺寸。在本例中，我想要一个返回宽度和高度为300的属性。这样的财产存在吗

我的应用程序还需要使用其他

对象拟合

模式，因此我需要一个适用于任何模式的解决方案（特别是

填充

或

无

）。如果可以的话，我希望避免打开object fit模式，自己编写逻辑来计算大小