【问题标题】:Fitting portrait png/jpg in viewport在视口中拟合肖像 png/jpg
【发布时间】: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>

任何人都可以就如何解决上述任何情况提供任何建议吗?谢谢!

【问题讨论】:

    标签: android html webview orientation viewport


    【解决方案1】:

    原来 jpg 没有正确旋转。我找到了信息

    1. 获取保存在jpg中的exif信息 ExifInterface exif = new ExifInterface(localFilePath);

      int currentOrientation = Integer.valueOf(exif.getAttribute(ExifInterface.TAG_ORIENTATION));
      
    2. 在临时存储中创建一个新副本 位图位图 = BitmapFactory.decodeFile(localFilePath);

      bitmap = BitmapUtil.rotate(currentOrientation, bitmap);    
      
    3. 旋转它 矩阵矩阵 = new Matrix();

      matrix.postRotate(getRotationAngle(currentOrientation));
      
      return Bitmap.createBitmap(bitmap, 0, 0, bitmap.getWidth(), bitmap.getHeight(), matrix, true);
      

    【讨论】:

      猜你喜欢
      • 2015-09-18
      • 1970-01-01
      • 1970-01-01
      • 2021-09-22
      • 2018-01-04
      • 2013-05-10
      • 2012-06-01
      • 2010-11-10
      • 1970-01-01
      相关资源
      最近更新 更多