Question

我想将图片加载到android WebView中，并将其设为ImageView的{{1}}。

我试过http://css-tricks.com/perfect-full-page-background-image/。所有这些都适用于PC的Firefox，但不适用于Android WebView。它总是拉伸图像!!即使我考虑这个android:scaleType="centerCrop"但没有改变。

只有CSS3方法差不多完成了。因为图像是背景而不是元素。但是，我遇到Using html/css3 and WebView to scale an image to the screen... get a white screen before the image loads。此外，变通方法在firefox上工作得很好，但在android中却没有。

我别无选择，只能使用websetting.setLoadWithOverviewMode(false);？

Answer 1

请试试这个：

对于纵向模式，以及当图像高度小于图像宽度时;

  _webview.setPadding(0, 0, 0, 0);
 _webview.setInitialScale((int) (((imageHeight-webViewHeight)/imageHeight)*100));

    String html1=   new String ("</head> <body style=\"background:url(file:///android_res/drawable/diego.jpg) no-repeat center center\"></body> </html>");

    _webview.loadDataWithBaseURL("", html1, "text/html", "UTF-8", "");

Answer 2

html {
  background-size: cover;
}

如何在android WebView上显示全屏（centerCrop）图像？

2 个答案: