微信小程序

微信小程序生成二维码带参海报

微信小程序带参微信小程序二维码图片生成海报图生成

微信小程序 微信海报尺寸 2019-12-23 23:32:08

微信小程序实现canvas按照原图等比例不失真绘制海报图并保存海报图片到本地相册

1.获取手机宽度进而设置canvas画布的宽度onLoad(){letthat=this;//获取系统信息，设置canvas宽高wx.getSystemInfo({success(res){that.setData({canvasWidth:res.windowWidth}

微信小程序 微信海报尺寸 2019-12-23 23:32:06

微信小程序海报生成功能

如果是H5页面的话给大家推荐一款不错的插件html2canvas，这个插件可以将html元素转为canvas并一键生成png图片，但是本文的重点是在小程序上如何实现生成图片的功能。因为小程序没有DOM，所以不能引用插件实现。进入正题！！step1创建canvas组件注意：canvas画布绘制的图片会被压缩导致失帧，可以通过增大画布大小来提高图片质量。并且该canvas元素不应该

微信小程序 微信海报尺寸 2019-12-23 23:32:05

微信小程序海报生成踩坑记

最近有个需求是要生成分享海报，让用户可以将图片保存到本地然后分享到朋友圈。本来以为是一个很简单的需求，可是万万没想到，微信会这么坑。刚开始的思路是这样的：后台根据小程序传过来的参数获取对应的小程序码，然后与背景图合成之后将base64格式的图片传给小程序，这样就可以不用保存图片了。但是经过尝试之后有两个坑坑1：小程序对base64图

微信小程序 微信海报尺寸 2019-12-23 23:32:04

微信小程序：一个json帮你完成分享朋友圈海报图绘制

演示下面是UI给的图特性简单易用——一个json搞定绘制图片功能全——满足90%的使用场景绘制文本（换行、超出内容省略号、中划线、下划线、文本加粗）绘制图片绘制矩形保存图片多图绘制代码量小体验gitclonegit@github.com:luckboyfcl/canvasTest.git

微信小程序 微信海报尺寸 2019-12-23 23:32:02

微信小程序海报生成组件封装

每个小程序成型后，一般都会选择生成带菊花码的海报分享出去来吸引更多的流量。下面来介绍下他的一种实现方式吧组件Github地址:https://github.com/WGinit/min原理：主要利用微信小程序强大的CanvasAPI来合成，生成后可用wx.canvasToTempFilePath()导出图片地址，从而可实现预

微信小程序 小程序海报 2019-12-23 23:32:01

微信小程序分享接口卡片图片尺寸比例

调用微信小程序分享需要button标签buttonopen-type=sharetest/button然后在js的page里加一个函数onShareAppMessage:function(){return{title:小伙伴快来和我玩,imageUrl:xxxx.pn

微信小程序 微信封面图尺寸 2019-12-23 23:31:59

微信小程序分享时，封面图片裁剪为5:4

微信小程序分享时，封面图片裁剪为5:4直接贴代码：//裁剪分享的图片为5:4//传入图片地址cutShareImg:function(imgurl){letthat=this;wx.getImageInfo({src:imgurl,//这里填写网络图片路径success:(res)={letc

微信小程序 微信封面图尺寸 2019-12-23 23:31:58