在视口中拟合肖像 png/jpg
Posted
技术标签:
【中文标题】在视口中拟合肖像 png/jpg【英文标题】:Fitting portrait png/jpg in viewport 【发布时间】:2016-04-26 14:14:29 【问题描述】:背景:
我正在使用 android SDK 中的 WebView 来显示来自网络的图像。
WebView 处于横向设置(宽度大于高度)
我设法用一些带有视口的轻量 html(5) 代码作为 META 来包装图像参考
问题:
纵向图像以横向显示...非常奇怪我已经尝试过的: * 我在 IMG 标签的 css 中尝试了“图像方向”属性...不起作用
示例 HTML:
<html>
<head>
<meta name=\"viewport\" content=\"width=1520, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0\">
</head>
<body style=\"margin: 0; padding: 0; text-align: center><img src = "http://storage.googleapis.com/myfolder/mypic.jpg" style="width: auto; height: auto; max-height: 100%;" />
</body>
</html>
任何人都可以就如何解决上述任何情况提供任何建议吗?谢谢!
【问题讨论】:
【参考方案1】:原来 jpg 没有正确旋转。我找到了信息
获取保存在jpg中的exif信息 ExifInterface exif = new ExifInterface(localFilePath);
int currentOrientation = Integer.valueOf(exif.getAttribute(ExifInterface.TAG_ORIENTATION));
在临时存储中创建一个新副本 位图位图 = BitmapFactory.decodeFile(localFilePath);
bitmap = BitmapUtil.rotate(currentOrientation, bitmap);
旋转它 矩阵矩阵 = new Matrix();
matrix.postRotate(getRotationAngle(currentOrientation));
return Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true);
【讨论】:
以上是关于在视口中拟合肖像 png/jpg的主要内容,如果未能解决你的问题,请参考以下文章