使用文本自动调整大小来调整WebView中所有图像的大小

xyz

我有一个webview设置为:

WebView wv = (WebView) findViewById(R.id.display_post_activity_content);
        wv.getSettings().setLoadWithOverviewMode(true);
        wv.getSettings().setUseWideViewPort(true);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
            wv.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.TEXT_AUTOSIZING);
        } else {
            wv.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NORMAL);
        }
wv.loadDataWithBaseURL("", content, "text/html", "UTF-8", "");

content是静态HTML,带有一些内联CSS。没有JavaScript。这在文本换行方面做得很棒。它还会调整较大图像的大小以适合屏幕宽度。

但是,有些内嵌图像小于设备宽度。文字环绕这些内容。

我希望它可以将所有图像(甚至是小图像)调整为宽度(保持宽高比)。是否可以使用WebView来实现?我可以使用Html.fromHtml()来做到这一点ImageGetter,但是with的性能WebView要好得多。

xyz

好的,所以我自己解决了这个问题:

// Content to be rendered
content = "<p>Some Html </p> with <img></img> tags";

// Set width and height
content = content.replace("<img", "<img height=\"auto\" width=\"100%\" ");

// Render
wv.loadDataWithBaseURL("", content, "text/html", "UTF-8", "");

和Voila,保留宽高比的全宽图像!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery自动调整所有对话框的大小

来自分类Dev

使用jQuery调整div中所有元素的大小

来自分类Dev

Python / PIL调整文件夹中所有图像的大小

来自分类Dev

调整所有类型的PHP图像的大小

来自分类Dev

使用CSS调整图像大小

来自分类Dev

调整图像大小以占据所有<div>

来自分类Dev

使用javascript调整图像大小

来自分类Dev

使用PHP重新调整目录中所有图像的大小?

来自分类Dev

为什么R导出时重新调整绘图中所有内容的大小,而不调整文本的大小?

来自分类Dev

所有图像调整大小后如何触发调整大小事件

来自分类Dev

覆盖QML行的MouseArea(或自动调整大小的图像+文本)

来自分类Dev

自动调整背景图像大小以适应所有设备和方向

来自分类Dev

如何使用F.interpolate调整PyTorch中所有4个尺寸(NCHW)的大小?

来自分类Dev

自动调整文本小部件的宽度大小以适合所有文本

来自分类Dev

调整scrollViewDidZoom中所有子视图的大小

来自分类Dev

UILabel根据文本大小自动调整大小

来自分类Dev

使用CSS调整图像大小

来自分类Dev

调整图像大小以占据所有<div>

来自分类Dev

使用imagemagick调整图像大小

来自分类Dev

如何使用带有bash的convert命令来调整给定目录中所有图像的大小?

来自分类Dev

使用PHP重新调整目录中所有图像的大小?

来自分类Dev

使用自动版式在CollectionView的CollectionViewCell中自动调整图像大小

来自分类Dev

使用Java调整图像大小

来自分类Dev

使用CSS调整所有大图像的大小

来自分类Dev

使用CSS调整图像大小

来自分类Dev

调整文件夹中所有图像的大小

来自分类Dev

加载图像自动调整大小

来自分类Dev

使用 javascript 调整图像大小

来自分类Dev

如何使用 jCrop 调整图像大小以适应所有纵横比?

Related 相关文章

  1. 1

    使用jQuery自动调整所有对话框的大小

  2. 2

    使用jQuery调整div中所有元素的大小

  3. 3

    Python / PIL调整文件夹中所有图像的大小

  4. 4

    调整所有类型的PHP图像的大小

  5. 5

    使用CSS调整图像大小

  6. 6

    调整图像大小以占据所有<div>

  7. 7

    使用javascript调整图像大小

  8. 8

    使用PHP重新调整目录中所有图像的大小?

  9. 9

    为什么R导出时重新调整绘图中所有内容的大小,而不调整文本的大小?

  10. 10

    所有图像调整大小后如何触发调整大小事件

  11. 11

    覆盖QML行的MouseArea(或自动调整大小的图像+文本)

  12. 12

    自动调整背景图像大小以适应所有设备和方向

  13. 13

    如何使用F.interpolate调整PyTorch中所有4个尺寸(NCHW)的大小?

  14. 14

    自动调整文本小部件的宽度大小以适合所有文本

  15. 15

    调整scrollViewDidZoom中所有子视图的大小

  16. 16

    UILabel根据文本大小自动调整大小

  17. 17

    使用CSS调整图像大小

  18. 18

    调整图像大小以占据所有<div>

  19. 19

    使用imagemagick调整图像大小

  20. 20

    如何使用带有bash的convert命令来调整给定目录中所有图像的大小?

  21. 21

    使用PHP重新调整目录中所有图像的大小?

  22. 22

    使用自动版式在CollectionView的CollectionViewCell中自动调整图像大小

  23. 23

    使用Java调整图像大小

  24. 24

    使用CSS调整所有大图像的大小

  25. 25

    使用CSS调整图像大小

  26. 26

    调整文件夹中所有图像的大小

  27. 27

    加载图像自动调整大小

  28. 28

    使用 javascript 调整图像大小

  29. 29

    如何使用 jCrop 调整图像大小以适应所有纵横比?

热门标签

归档