更新记录
1.0(2021-03-05) 下载此版本
1.0
小程序使用webview生成海报实现长按保存和发送给好友
说明
在项目中遇到了公众号H5与小程序端都需要使用到海报生成,所以借助web-view与html2canvas库,通过一个网页达到两端都能长按保存海报,无需将图片保存到服务端返回。并且通过临时地址,可以将海报发送到腾讯im聊天 该项目只是一个实现思路,海报页面还是需要自己重新写一遍,有类似需求的可以参考。
功能
1.微信h5生成海报,长按保存 2.小程序端生成海报,长按保存 3.小程序通过base64生成临时地址,返回其他页面或者点击按钮保存
真机调试
需要将webview的页面部署到服务器并配置安全域名 二维码经测试无需将canvas转为图片也可以生成图片
使用
1.将示例项目webview文件夹拷贝出来作为webview页面,模拟器调试可以直接本地运行,修改child.vue中的url地址即可
平台兼容性
1.0
小程序使用webview生成海报实现长按保存和发送给好友
说明
在项目中遇到了公众号H5与小程序端都需要使用到海报生成,所以借助web-view与html2canvas库,通过一个网页达到两端都能长按保存海报,无需将图片保存到服务端返回。并且通过临时地址,可以将海报发送到腾讯im聊天 该项目只是一个实现思路,海报页面还是需要自己重新写一遍,有类似需求的可以参考。
功能
1.微信h5生成海报,长按保存 2.小程序端生成海报,长按保存 3.小程序通过base64生成临时地址,返回其他页面或者点击按钮保存
真机调试
需要将webview的页面部署到服务器并配置安全域名 二维码经测试无需将canvas转为图片也可以生成图片
使用
1.将示例项目webview文件夹拷贝出来作为webview页面,模拟器调试可以直接本地运行,修改child.vue中的url地址即可