html5获取图形坐标,WKWebView获取H5页面里图片地址以及图片相对视图窗口的坐标的方法...

最近有个需求是点击放大查看H5内容页面的图片，寻找到一个比较轻量的库YHPhotoBrowser，其中根据图片位置来缩放的动画需要传递一个图片所在屏幕里的位置CGRect，想获取H5的图片坐标那就需要JS注入了

- (void)handleSingleTap:(UITapGestureRecognizer *)recognizer {

CGPoint touchPoint = [recognizer locationInView:self.webView];

NSString *jsString = [NSString stringWithFormat:@"function getURLandRect(){\

var ele=document.elementFromPoint(%f, %f);\

var url=ele.src;\

var left=ele.getBoundingClientRect().left;\

var top=ele.getBoundingClientRect().top;\

var width=ele.getBoundingClientRect().width;\

var height=ele.getBoundingClientRect().height;\

var jsonString= `{\"url\":\"${url}\",\"left\":\"${left}\",\"top\":\"${top}\",\"width\":\"${width}\",\"height\":\"${height}\"}`;\

return(jsonString)} getUR