项目开发技巧Swift UI 交互 动效固予

UIWebView中图片的自适应

2016-01-08  本文已影响2691人  chy1ee

在UIWebView中,我们可能会碰到由于UIWebView显示的图片太大,而导致图片左右滚动,影响体验性;自己想重新改变一下图片的大小,但不知道怎么改的情况。

没有适应的图片

解决方法一:将scalesPageToFit属性设置为YES
默认情况下UIWebView加载HTML页面后,会以页面的原始大小进行显示,亦即如果页面的大小超出UIWebView视口大小,UIWebView会出现滚动效果,而且用户只能通过滚动页面来查看不同区域的内容,不能使用手指的捏合手势来放大或缩小页面。设置:

                   mywebView.scalesPageToFit = YES;
修改后

很明显我们看到图片是适应大小了,但是字体的大小却改变了,这不是我们想要的结果。

解决方法二:调用javascript代码

    - (nullable NSString *)stringByEvaluatingJavaScriptFromString:(NSString *)script;
Paste_Image.png

上面将str循环了20次,是猜想这个页面可能最多有20张图片要处理,如果写成100也是没有问题,可以多写但是不要少写,不然会出现不能完全把图片处理的情况。

   document.getElementsByTagName('img')[%d].style.width = '100%%'
图片修改,字体也没有改变

就这样了~

上一篇下一篇

猜你喜欢

热点阅读