有的时候我们需要将整个页面生成图片，目前好像没有这样的接口，有没有办法实现呢？
ChartWay
- 发布：2018-10-16 16:32
- 更新：2019-12-16 14:31
- 阅读：23828
capture() {
var pages = getCurrentPages();
var page = pages[pages.length - 1];
console.log(pages);
var bitmap = null;
var currentWebview = page.$getAppWebview();
bitmap = new plus.nativeObj.Bitmap('amway_img');
// 将webview内容绘制到Bitmap对象中
currentWebview.draw(bitmap, function() {
console.log('截屏绘制图片成功');
bitmap.save("_doc/a.jpg", {}, function(i) {
console.log('保存图片成功：' + JSON.stringify(i));
uni.saveImageToPhotosAlbum({
filePath: i.target,
success: function() {
bitmap.clear(); //销毁Bitmap图片
uni.showToast({
title: '保存图片成功',
mask: false,
duration: 1500
});
}
});
}, function(e) {
console.log('保存图片失败：' + JSON.stringify(e));
});
}, function(e) {
console.log('截屏绘制图片失败：' + JSON.stringify(e));
});
//currentWebview.append(amway_bit);
}
张德帅
5+截图是哪一方法？上次看见过，今天要用的时候有没找到
2019-02-19 17:10
DCloud_UNI_GSQ
回复 张德帅:在webview里
2019-02-21 20:48
linChengC
回复 DCloud_UNI_GSQ: 微信小程序可以实现吗？将view标签内容生成图片
2019-05-30 18:11
DCloud_UNI_GSQ
回复 linChengC: 小程序目前没有方案
2019-05-30 18:20
uniuk
回复 DCloud_UNI_GSQ: 您好。“使用uniapp的API获取当前webview对象，然后使用5+API截图”，能再说的稍详细一点儿么？非常感谢！
2019-05-30 18:41
博博科技
回复 DCloud_UNI_GSQ: 你好，这个是否只能截取可视区域的图片？我尝试了很久只能截到可视区域
2019-06-17 15:42
1***@qq.com
这个只能截取可视区域吧? 如果页面有滚动, 给如何实现呢?
2019-06-27 21:35
DCloud_UNI_GSQ
回复 1***@qq.com: 一边滚动一边截取，自己拼接
2019-06-28 14:14
5***@qq.com
回复 DCloud_UNI_GSQ: 有一个开源的小程序图片生成库https://github.com/Kujiale-Mobile/Painter，能用，但是放到我们编译器里出来的ios13有问题，原生的qq小程序开发工具写的，出来就没问题
2019-10-11 10:32
1***@qq.com
回复 DCloud_UNI_GSQ: 长图怎么一边滚动一边截取啊 有demo么 找不到啊
2019-11-25 18:07
s***@126.com
我也想知道详细的做法，我截屏绘制图片成功后怎么拿到这张图片？？
2019-12-02 15:20
肥宅之王
回复 DCloud_UNI_GSQ: 有没有案例啊大佬，发一个给学习一下
2020-03-16 17:40
chenyb
webview不能访问项目的页面呀，只能填写外部链接或重新写一个html放本地对吗？不能通过/pages/访问项目页面
2020-07-13 18:03
c***@163.com
回复 DCloud_UNI_GSQ: 这是uniapp给的页面生成长图的唯一方法吗？
2021-09-06 13:46
1***@qq.com
能只截图部分吗？
2021-10-27 11:35