在webview 上实现图片慢慢放大的动画

在webview 上实现图片慢慢放大的动画

刚开始想用js获取img标签图片的二进制，然后传出来到我的objective-c代码，然后addsubview的方式实现。

尝试了一段时间之后，发现获取img标签二进制不大好弄，反正我是木有实现。

于是，转换思路，想用纯的html + css + javascript 方式来实现。

trying~~

还是太水，

例子：（Firefox 底下竟然不好使）

src=/System/uploads/allimg/110910/1105210.jpg width="100" height="200"
οnlοad="return imgzoom(this,600);" οnclick="javascript:window.open(this.src);"
style="cursor:pointer;"/>

我自己改了一下：

src=/System/uploads/allimg/110910/1105210.jpg width="100" height="200"
οnlοad="return imgzoom(this,600);" οnclick="javascript:window.open(this.src);"
style="cursor:pointer;"/>

期间用uiwebview的方式都给实现了。

后期leader哥说要把正文中的也给加上这个特效。

搜了英文无果啊，奇迹般地按照中文反而看到点东西。

UIWebView的离线缓存

[ios] UIWebView的离线缓存【转】

如何在UIWebView中使用缓存？

Substituting local data for remote UIWebView requests

 

使用NSURLProtocol实现UIWebView的离线缓存

Drop-in Offline Caching for UIWebView (and NSURLProtocol)

目前的思路是，正文首图维持原样，用imageView的方式去实现,这样也有这样的好处，可以使占位图每次都及时出现。如果用html的我自己实现的占位图有时候会出现的比较慢。

然后，点击动画之类的不便。

正文中的图片的处理方式：

拦截webview中，png和jpg 后缀的 url请求，将其缓存起来。

点击的时候，将位置和图片url传出来，就可以利用缓存的数据做展示动画。