uniapp开发h5,把整个页面(包含溢出屏幕)生成截图保存到手机

项目要求,已完成订单可以生成小票,并且要求小票信息页面要整个保存为一张图片保存到手机

1.首页,在项目中安装:npm install html2canvas ,另外要引入base64
2.在要生成截图的页面中,给要生要成截图的部分定义id名

 保存图片事件

在第一个script中

<script>
	import {
		base64ToPath
	} from '@/shopro/poster/QS-SharePoster/image-tools.js';
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			//通过下面的方法将html转换为图片base64数据回调给此处
			receiveRenderData(data) {
				let that = this;
				base64ToPath(data, '.jpeg').then(function(imgPath) {
					//保存到手机相册,
	
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值