WebView截取长图

一、在腾讯X5 webView中截取长图
实现代码如下：

/*** 腾讯X5 WebView截取长图** @param context  上下文* @param mWebView 腾讯X5 WebView* @return 截取的长图*/public static Bitmap webViewShot(Context context, WebView mWebView) {// 这里的 mWebView 就是 X5 内核的 WebView ，代码中的 longImage 就是最后生成的长图mWebView.measure(MeasureSpec.makeMeasureSpec(MeasureSpec.UNSPECIFIED, MeasureSpec.UNSPECIFIED),MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));mWebView.layout(0, 0, mWebView.getMeasuredWidth(), mWebView.getMeasuredHeight());mWebView.setDrawingCacheEnabled(true);mWebView.buildDrawingCache();Bitmap longImage = Bitmap.createBitmap(mWebView.getMeasuredWidth(),mWebView.getMeasuredHeight(), Bitmap.Config.ARGB_8888);// 画布的宽高和 WebView 的网页保持一致Canvas canvas = new Canvas(longImage);Paint paint = new Paint();canvas.drawBitmap(longImage, 0, mWebView.getMeasuredHeight(), paint);float scale = context.getResources().getDisplayMetrics().density;Bitmap x5Bitmap = Bitmap.createBitmap(mWebView.getWidth(), mWebView.getHeight(), Bitmap.Config.ARGB_8888);Canvas x5Canvas = new Canvas(x5Bitmap);x5Canvas.drawColor(Color.WHITE);// 少了这行代码就无法正常生成长图mWebView.getX5WebViewExtension().snapshotWholePage(x5Canvas, false, false);Matrix matrix = new Matrix();matrix.setScale(scale, scale);canvas.drawBitmap(x5Bitmap, matrix, paint);return longImage;}

二、更加通用的方法，但是影响性能
通过JS注入“document.body.offsetHeight”命令，获取网页高度
然后将webView的高度设置为此高度
自然webview就会将所有内容渲染出来
最后使用View.draw()即可

参考链接：Android截屏与WebView长图分享经验总结

WebView截取长图相关推荐

android webview 截图,android WebView 截取长图《转载》
先看看手机自带的长截屏功能: 机型: vivo x9 plus 大胆推测实现逻辑: 1:需要一个可以滚动的View 2:截取View在屏幕渲染的内容 3:不断滚动View,截取View渲染的内容,存储 ...
WebView截长图解决方案
作者:Windin 贝聊移动Android工程师链接: http://www.jianshu.com/p/0faa70e88441 前言:本文主要讲述了以下两个方面: 1. 普通WebView如何截 ...
电脑如何截长图？如何用电脑截取长图——规划全景
一个规划的,想知道如何用电脑截取长图--规划全景 1.F12 2.Ctrl+Shift+P 3.full
Snagit for Mac 如何截取长图，滚动截图？
困扰我很久了,为了在mac上截取长图,今天终于成功了. 如下图: 第一步:选择image. 第二步:Selection选择Panoramic,就是选择滚动截图的意思. 第三步:到达你想要滚动截图,也就 ...
WebView 截长图
今天在APP架构师看到这个,因为以前做过有点模糊了,所以接他之手记一记. 介绍 web 长图之前,先来说一下单屏图片的生成方案,和手机截图不同的是生成的图片不会显示顶部的状态栏.标题栏以及底部的菜单栏 ...
jquery实现截取pc图片_如何优雅的对网页截取长图
苏生不惑第115 篇原创文章,将本公众号设为星标,第一时间看最新文章. 最近写文章想截个长图,才发现一直使用的QQ早有这个功能了,这里就整理几个pc上网页长截图的方案. qq滚动截图 qq截图应该很多 ...
一个操作轻松截取长图,Win10上网截长图小技巧！
截屏的方法有很多,但是有时候我们会遇到比电脑屏幕还大的图,比如网站上的长图.N条引用的评论...你要怎么截取呢?是不是最多只能截全屏?还是要做到第三方的截图软件呢? 下面介绍一种win10电脑自带的滚 ...
android WebView截长图实现
1.先简单介绍下webview截屏,看代码: //开启缓存 webview.setDrawingCacheEnabled(true); webview.buildDrawingCache();Bitm ...
iOS截取长图，自定义截取size
之前做过在查看商品详情时,需要截取很长的图片进行分享,已经超出一屏幕的显示范围: - (UIImage *)captureScrollView:(UIScrollView *)scrollView { ...
Fast Stone超好用的截图工具，可截取长图，带滚动条的页面
2019独角兽企业重金招聘Python工程师标准>>> Fast Stone下载地址:http://www.mydown.com/soft/402/473304402.shtml 注 ...

WebView截取长图

WebView截取长图相关推荐

最新文章

热门文章