我正在使用移动 WebView 并且正在全屏显示图像。在某些情况下,如果图像的宽度大于图像的高度,我可以通过将图像旋转 90 度来防止图像过于撕裂。
我知道我可以使用 css transform
属性旋转图像,但我不太清楚如何计算图像的大小。
所有图像都是使用 http
编辑:我可能遗漏了一些重要信息!!
我正在使用 ionic
,根据 ionic moderators,我需要访问的这个特定元素位于 $ionicModal
中,实际上不是 dom 元素。因此我不能在上面使用 document.getElementById
。
最佳答案
var element = document.getElementById("yourElement")
这将返回您想要的 DOM 元素(在本例中为图像)。使用对象的 width
和 height
属性,您可以获得图像的宽度和高度(显然)。
需要检查.width
是否大于.height
,然后设置元素的transfrom属性
关于javascript - 如果宽度大于高度,则旋转图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37869063/