在视口中拟合肖像 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的主要内容,如果未能解决你的问题,请参考以下文章

如何将由 NE 和 SW 坐标组成的特定边界拟合到可见地图视图中?

过拟合与欠拟合

在matlab中如何根据拟合图得到函数?

origin中如何做部分数据的直线拟合

过拟合与欠拟合

模型评估之过拟合和欠拟合