如何以正确的方向显示图像,横向或纵向
How can show image in proper orientation, Landscape or portrait
我在页面上有一个文件输入控件来选择图像。当用户选择图像时,我会在页面上显示图像。
但我的问题是,当用户选择垂直或纵向图像时,它会以横向模式显示。
那么,我如何检测图像的方向&应用适当的css在横向或纵向视图中显示。
步骤#1:
检查图像的宽度是否大于其高度。然后你会发现这个图像是一个风景图像。您可以使用javascript快速检查它。
步骤#2:
创建一个CSS,并使用一个类(使用javascript应用该类)将其应用于您需要的任何方向。
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- 如何在不横向使用css、jquery或javascript的情况下获得正确的图像
- 响应式设计:纵向/横向模式下的图像
- 使用iPad倾斜将图像横向移动
- 根据浏览器大小调整图像大小,但对于横向和纵向HTML则不同
- HTML5, Javascreen显示图像,如果纵向/横向
- Javascript图像预览总是在横向模式错误
- 我怎样才能让图像从右到左横向移动浏览器
- 如何以正确的方向显示图像,横向或纵向
- Angular:使用媒体查询动态更改图像(纵向/横向)