javascript - 如何以正确的方向显示图像,横向或纵向

标签 javascript css angularjs html

我在页面上有一个文件输入控件来选择图像。 当用户选择图像时,我会在页面上显示图像。

但我的问题是,当用户选择垂直或纵向图像时,它会以横向模式显示。

那么,我如何检测图像方向并应用适当的 CSS 以在横向或纵向 View 中显示。

最佳答案

第 1 步:

检查图像的宽度是否大于其高度。然后你会发现图像是风景图像。您可以使用 javascript 快速检查它。

第二步:

创建一个 CSS 并使用一个类(使用 javascript 应用该类)将其应用到您需要的任何方向。

关于javascript - 如何以正确的方向显示图像,横向或纵向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30999603/

相关文章:

javascript - 自动加载和卸载元件

html - 带有背景图片的 Div 不随媒体查询缩放

java - 安装 Angular js 后 Eclipse 停留在构建工作区

javascript - Impress.js 和 AngularJS Controller

javascript - AngularJS ng-show 不工作?

javascript - 我是写错了还是这是 Date.js (date ninja) 上的错误

javascript - 如何在AngularJS语法ES6中的两个组件之间传递数据?

javascript - 遍历 JavaScript 对象

javascript - 获取 View 模型的 'type'

css - 将样式应用于多个元素