更新记录
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地址即可
平台兼容性
uni-app
app-vue | app-nvue | app-android | app-ios |
---|---|---|---|
? | ? | ? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
快应用-华为 | 快应用-联盟 |
---|---|
? | ? |
uni-app x
app-android | app-ios |
---|---|
? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
1.0
小程序使用webview生成海报实现长按保存和发送给好友
说明
在项目中遇到了公众号H5与小程序端都需要使用到海报生成,所以借助web-view与html2canvas库,通过一个网页达到两端都能长按保存海报,无需将图片保存到服务端返回。并且通过临时地址,可以将海报发送到腾讯im聊天 该项目只是一个实现思路,海报页面还是需要自己重新写一遍,有类似需求的可以参考。
功能
1.微信h5生成海报,长按保存 2.小程序端生成海报,长按保存 3.小程序通过base64生成临时地址,返回其他页面或者点击按钮保存
真机调试
需要将webview的页面部署到服务器并配置安全域名 二维码经测试无需将canvas转为图片也可以生成图片
使用
1.将示例项目webview文件夹拷贝出来作为webview页面,模拟器调试可以直接本地运行,修改child.vue中的url地址即可