javascript - 如果宽度大于高度,则旋转图像

标签 javascript html css ionic-framework

我正在使用移动 WebView 并且正在全屏显示图像。在某些情况下,如果图像的宽度大于图像的高度,我可以通过将图像旋转 90 度来防止图像过于撕裂。

我知道我可以使用 css transform 属性旋转图像,但我不太清楚如何计算图像的大小。

所有图像都是使用 http

从远程位置提取的

编辑:我可能遗漏了一些重要信息!!

我正在使用 ionic,根据 ionic moderators,我需要访问的这个特定元素位于 $ionicModal 中,实际上不是 dom 元素。因此我不能在上面使用 document.getElementById

最佳答案

var element = document.getElementById("yourElement")

这将返回您想要的 DOM 元素(在本例中为图像)。使用对象的 widthheight 属性,您可以获得图像的宽度和高度(显然)。

需要检查.width是否大于.height,然后设置元素的transfrom属性

关于javascript - 如果宽度大于高度,则旋转图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37869063/

相关文章:

javascript - 有什么方法可以覆盖参数的 getter/setter 性质吗?

Javascript 默认打开可折叠 css 转换在第一次单击时不起作用

javascript - 如何将 JavaScript 对象数据添加到 HTML

javascript - 单击 "same as shipping address"复选框时隐藏计费部分?

html - 不同浏览器的行高和字体大小?

html - CSS - 在另一个 div 中居中一个 div(非嵌套)

javascript - 隐藏/显示时 Div 太宽

javascript - 如何向 d3 条形图添加工具提示?

javascript - 在html中动态地将图像添加到 slider

javascript - 如何在不添加浏览器的情况下打印 html