如何允许缩小,直到图像填充Web视图并且不超过其边界?



我正在使用一种常见的方法来全屏显示图像并支持通过 WebView 缩放并在其中启用缩放控件,我的问题是当图像宽度大于屏幕宽度时例如,在Galaxy S2屏幕上(480px宽度),如果我在Web视图中显示600px 600px的图像,最大缩小仍然裁剪图像并显示水平滚动,并且无法缩小(即小于100%)。

有没有解决方案可以使缩放达到 50% 等级别,或者是否有比使用 WebView 更好的方法并且仍然支持缩放?

为了拉伸/调整图像大小以适应设备屏幕(宽度),您必须在webview中加载一个包含<img>标签的 HTML 代码,我们会将其宽度设置为 100%。 并使用loadDataWithBaseURL()方法在 Web 视图中加载该代码

试试这个

webView.loadDataWithBaseURL(null,"<!DOCTYPE html><html><body style = "text-align:center"><img style="border-style:dotted;border-width:5px;border-color:black;" src= "www.myUrl.com/blahbla.jpg" alt="page Not Found"></body></html>","text/html", "UTF-8",null);

最新更新