h5+(mui) 截图分享微信

本文详细介绍了如何使用H5+ MUI框架实现截图并分享到微信的功能,包括引入必要文件、HTML结构设置、逻辑处理方法以及关键步骤如相对路径转绝对路径、Base64转bitmap保存、添加'file://'前缀。此外,还概述了在微信开放平台申请AppID、AppSecret,以及应用签名生成的具体流程,确保与manifest.json文件配置一致。
摘要由CSDN通过智能技术生成

1.引入必要文件   

<script type="text/javascript" src="../js/html2canvas.js"></script>
<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>

2.html

	<!--右上角弹出菜单-->
				<div id="topPopover" class="mui-popover mui-ex">
					<div class="mui-popover-arrow"></div>
					<div class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul class="mui-table-view">

								<li @tap="analysis()" class="mui-table-view-cell mui-media ">
									<span class="mui-media-object">
										<svg class="icon2" aria-hidden="true">
											<use xlink:href="#icon-zhuxingtu"></use>
										</svg>
									</span>
									<span class="mui-media-body">可视化报表</span>
								</li>

								<li @tap="shareY(1)" class="mui-table-view-cell mui-media ">
									<span class="mui-media-object">
										<svg class="icon2" aria-hidden="true">
											<use xlink:href="#icon-iconkuozhan_fenxiangpre"></use>
										</svg>
									</span>
		
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 8
    评论
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值