项目中遇到需要分享到朋友圈,但是查询api发现小程序并没有提供分享到朋友圈的功能,只能实现通过canvas画一张海报然后保存到本地,让用户主动去发朋友圈。 效果图生成后海报 首先使用微信小程序提供的canvasapi将第二张图显示的海报画出来 然后调用保存本地的接口 ...
微信小程序保存海报的方法 先确定小程序后台是否开启了download合法域名 先授权 这个写在初始化的地方就可以了 授权成功还是图片存入本地 然后 保存网络地址的海报下载下来 然后写入相册 ...
2020-03-21 13:19 0 607 推荐指数:
项目中遇到需要分享到朋友圈,但是查询api发现小程序并没有提供分享到朋友圈的功能,只能实现通过canvas画一张海报然后保存到本地,让用户主动去发朋友圈。 效果图生成后海报 首先使用微信小程序提供的canvasapi将第二张图显示的海报画出来 然后调用保存本地的接口 ...
项目中遇到需要分享到朋友圈,但是查询api发现小程序并没有提供分享到朋友圈的功能,只能实现通过canvas画一张海报然后保存到本地,让用户主动去发朋友圈。 先看效果图 首先使用微信小程序提供的canvasapi将第二张图显示的海报画出来 然后调用保存本地的接口 ...
test.wxml test.js ...
近期使用微信小程序制作海报,为了减少各位同学们少走弯路,记录一下吧。 首先我们需要了解一个知识点canvas,另一个知识点,在使用网络图片绘制海报的时候,canvas是不能显示的,这个时候我们就需要使用小程序的API了, 两种方式,第一:wx.getImageInfo获取图片信息,根据临时 ...
1、xhtml代码 长按保存: 2、Js代码 详情可参考小程序文档 ...
在开发者工具上正常显示,但是在真机或者手机预览的时候不显示。 解决方法首先把你的网络路径改成临时路径 wx.downloadFile({ url: that.data.bgImgPath,//网络路径 success: function ...
微信小程序绘制分享图例子: demo下载地址:https://gitee.com/v-Xie/wxCanvasShar 大致代码会再以下说明 基础知识点: 了解canvas基础知识 wx.createCanvasContext()//微信小程序创建画布 ...
目标:在微信小程序中页面有一个按钮,点击后生成一张海报,点击保存,图片保存到本地相册 海报样式如下: 通过观摩别人代码,分析这张海报,难点有四个,一是背景的圆角,canvas并没有一个api是画圆角的,二是中间的两行标题,这里应该是动态的,可能一行可能两行,三是圆形头像处理 ...