微信小程序实现分享到朋友圈

截至2017年11月18日，微信小程序官方还没有开通直接与朋友圈分享的能力，但劳动人民的智慧是伟大的。现在常见的做法是用一个小程序代码生成一张图片并保存。对于用户相册，用户自己将图片发布到朋友圈

我的例行公事：

请求后端API生成小程序代码(生成小程序代码需要访问令牌，方便在后端生成)。画布将文本和图片绘制到画布上。当用户点击与好友分享时，会将画布展示给用户，画布会转换成图片，图片会保存到相册中。

onShow:函数(){ var=this；//1.请求后端API生成applet代码，该代码//2.canvas绘制文本和图片constctx=wx。createcanvas上下文(“我的画布”)；var imgPath='./././image/intro.png' var bgImgPath='./././image/bgimgpath . png '；ctx.drawImage(imgPath，0，0，600，520)；CTX . setfillstyle(' white ')CTX . fill rect(0，520，600，280)；ctx.drawImage(imgPath，30，550，60，60)；ctx.drawImage(bgImgPath，30，550，60，60)；ctx.drawImage(imgPath，410，610，160，160)；CTX。setfontsize (30) CTX。setfillstyle(' 111111 ')CTX。filltext('宠物快来看可爱宠物的美照'，30，660) ctx.fillText('我在赵萌幼儿园'，30，700)CTX . setfontsize(24)CTX . fill text('长按扫码查看详情'，30，770) ctx.draw() }，//3。canvastotempfilepath ({x: 0 0，y: 0 0，width: 600，height: 800，destWidth: 600，destHeight:800，canvasId: 'myCanvas '，success 3360 function(RES){ console . log(RES . tempfilepath)；那个。setdata ({shareimg src:res。tempfilepath})}，fail3360function (RES) {console。log (RES)}})//4。当用户点击与好友分享时，将图片保存到相册wx . savegimagetophotosalbum({ file path : that . data . shareimg src，success(RES){ wx . show modal({ title : '图片保存成功，content: ')。脱毛硫胺素~ '，showcancel: false，confirmtext:' ok '，confirmcolor3360' # 72b9c3 '，success 3360 function(RES){ if(RES . confirm){ console . log('用户点击OK ')；}那个。hideshareimg()} } })画布绘制单位为px，比如屏幕宽度为375，绘制一张375的画布，保存的图片为375px，像素不够图片会烧坏，所以我改进了套路：

1.请求后端API生成小程序代码(生成小程序代码需要访问令牌，方便后端生成)

2.canvas将文本和图片绘制到画布上，并绘制一个屏幕宽度为2倍的画布。画布在变成图片之前必须是可见的。但是，如果他又热又丑，肯定不会被用户看到，那么他就会被定位。只要在屏幕外设置一个巨大的数字。

3.画布变成了一幅画

4.当用户点击分享到朋友圈时，将图片展示给用户，并将图片保存到相册

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。