ChartWay
ChartWay
  • 发布:2018-10-16 16:32
  • 更新:2019-12-07 14:39
  • 阅读:4553

uniapp如何把页面生成图片

分类:uni-app

有的时候我们需要将整个页面生成图片,目前好像没有这样的接口,有没有办法实现呢?

2018-10-16 16:32 分享
已邀请:
DCloud_UNI_GSQ

DCloud_UNI_GSQ

如果仅仅考虑app,可以实现,使用uniapp的API获取当前webview对象,然后使用5+API截图

  • 张德帅

    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

  • 1023401012@qq.com

    这个只能截取可视区域吧? 如果页面有滚动, 给如何实现呢?

    2019-06-27 21:35

  • DCloud_UNI_GSQ

    回复 1023401012@qq.com: 一边滚动一边截取,自己拼接

    2019-06-28 14:14

  • 505201861@qq.com

    回复 DCloud_UNI_GSQ: 有一个开源的小程序图片生成库https://github.com/Kujiale-Mobile/Painter,能用,但是放到我们编译器里出来的ios13有问题,原生的qq小程序开发工具写的,出来就没问题

    2019-10-11 10:32

  • 1006526604@qq.com

    回复 DCloud_UNI_GSQ: 长图怎么一边滚动一边截取啊 有demo么 找不到啊

    2019-11-25 18:07

  • simin183@126.com

    我也想知道详细的做法,我截屏绘制图片成功后怎么拿到这张图片??

    2019-12-02 15:20

1006526604@qq.com

1006526604@qq.com

长图怎么一边滚动一边截取啊 有demo么 找不到啊

807583403@qq.com

807583403@qq.com - 小哥哥

解决了吗?

807583403@qq.com

807583403@qq.com - 小哥哥

如果仅仅考虑app,可以实现,使用uniapp的API获取当前webview对象,然后使用5+API截图
这个方法怎么用啊

2443897051@qq.com

2443897051@qq.com

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);
}

2443897051@qq.com

2443897051@qq.com

$getAppWebview()只对5+APP有效

要回复问题请先登录注册