项目中遇到需要分享到朋友圈,但是查询api发现小程序并没有提供分享到朋友圈的功能,只能实现通过canvas画一张海报然后保存到本地,让用户主动去发朋友圈。 效果图生成后海报 首先使用微信小程序提供的canvasapi将第二张图显示的海报画出来 然后调用保存本地的接口 ...
项目中遇到需要分享到朋友圈,但是查询api发现小程序并没有提供分享到朋友圈的功能,只能实现通过canvas画一张海报然后保存到本地,让用户主动去发朋友圈。 先看效果图 首先使用微信小程序提供的canvasapi将第二张图显示的海报画出来 然后调用保存本地的接口 wx.saveImageToPhotosAlbum 将图片保存在本地相册中 直接上代码 首先是index.wxml 然后是index.wx ...
2018-04-19 15:04 6 42627 推荐指数:
项目中遇到需要分享到朋友圈,但是查询api发现小程序并没有提供分享到朋友圈的功能,只能实现通过canvas画一张海报然后保存到本地,让用户主动去发朋友圈。 效果图生成后海报 首先使用微信小程序提供的canvasapi将第二张图显示的海报画出来 然后调用保存本地的接口 ...
目标:在微信小程序中页面有一个按钮,点击后生成一张海报,点击保存,图片保存到本地相册 海报样式如下: 通过观摩别人代码,分析这张海报,难点有四个,一是背景的圆角,canvas并没有一个api是画圆角的,二是中间的两行标题,这里应该是动态的,可能一行可能两行,三是圆形头像处理 ...
微信小程序保存海报的方法 先确定小程序后台是否开启了download合法域名 先授权 这个写在初始化的地方就可以了(授权成功还是图片存入本地) 然后 保存网络地址的海报下载下来 然后写入相册 ...
test.wxml test.js ...
微信小程序绘制分享图例子: demo下载地址:https://gitee.com/v-Xie/wxCanvasShar 大致代码会再以下说明 基础知识点: 了解canvas基础知识 wx.createCanvasContext()//微信小程序创建画布 ...
这里使用大佬已经封装好的Painter,它已经优化canvas的缺陷和兼容安卓与ios,具体可以去看下 Painter地址:https://github.com/Kujiale-Mobile/Pai ...
最近开发中要实现一个需求,用户点击分享生成一个图片海报,可以供用户发朋友圈或者其他使用(感觉没人会用~),用到了小程序canvas,和web上的功能基本一样,记录一下。---还没上线一周,这个功能就被撤了 首先预设几个工具函数 1/小程序开发使用的是 rpx,但是canvas里的单位使用 ...
一、制作正常显示海报,生成二倍海报隐藏 代码如下 <!--index.wxml--> <view class="container"> <view class="show"> <image src="{{cardPath ...