在视口

时间:2016-04-26 14:14:30

标签: android html5 webview orientation viewport

背景:

  • 我正在使用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 个答案:

答案 0 :(得分:0)

事实证明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);