项目中遇到需要分享到朋友圈,但是查询api发现小程序并没有提供分享到朋友圈的功能,只能实现通过canvas画一张海报然后保存到本地,让用户主动去发朋友圈。 先看效果图 首先使用微信小程序提供的canvasapi将第二张图显示的海报画出来 然后调用保存本地的接口 ...
项目中遇到需要分享到朋友圈,但是查询api发现小程序并没有提供分享到朋友圈的功能,只能实现通过canvas画一张海报然后保存到本地,让用户主动去发朋友圈。 效果图生成后海报 首先使用微信小程序提供的canvasapi将第二张图显示的海报画出来 然后调用保存本地的接口 wx.saveImageToPhotosAlbum 将图片保存在本地相册中 wxml部分 wxss部分 js部分 二维码的处理见下一 ...
2019-09-23 12:08 0 1610 推荐指数:
项目中遇到需要分享到朋友圈,但是查询api发现小程序并没有提供分享到朋友圈的功能,只能实现通过canvas画一张海报然后保存到本地,让用户主动去发朋友圈。 先看效果图 首先使用微信小程序提供的canvasapi将第二张图显示的海报画出来 然后调用保存本地的接口 ...
目标:在微信小程序中页面有一个按钮,点击后生成一张海报,点击保存,图片保存到本地相册 海报样式如下: 通过观摩别人代码,分析这张海报,难点有四个,一是背景的圆角,canvas并没有一个api是画圆角的,二是中间的两行标题,这里应该是动态的,可能一行可能两行,三是圆形头像处理 ...
1.页面 2.绘制图片 通过使用wx.downloadFile或wx.getImageInfo这个API来下载一个网络图片到本地(并可获取该图片的尺寸等其他信息),然后调用ctx.drawImage方法将图片绘制到画布上,填满画布 3.小程序码 通过后台接口获得 ...
微信小程序图片保存到本地是一个常用功能: 这里讲解下完整实现思路: 因为微信官方的授权只弹一次,用户拒绝后再次调用,就需要结合button组件的微信开放能力来调起,以下方案在微信各种授权中可参考。 wxml部分:一个保存图片按钮(A),一个button组件(B)用来触发授权,B透明度 ...
微信小程序保存海报的方法 先确定小程序后台是否开启了download合法域名 先授权 这个写在初始化的地方就可以了(授权成功还是图片存入本地) 然后 保存网络地址的海报下载下来 然后写入相册 ...
View Code ...
最终生成的样式 注释已经打好,详情看代码 ...
test.wxml test.js ...