主要思路： 　　1、先分割为字符串数组，然后一个字一个字绘图，利用ctx.measureText(string) 方法，获取绘制后的宽度，判断宽度在多少内就另起一行，再将各行拼成一个字符串 　　2 ...

一 . 效果 这是借用女神照生成的分享的海报，图片来自网络。 新增了poster组件和更新图片自适应 二 . 准备 准备两张图片连接，最好是自己开发账号验证的https图片链接。 三 . 实现思路 其实就是canvas实现方式，首先要 ...

一、制作正常显示海报，生成二倍海报隐藏 代码如下 <!--index.wxml--> <view class="container"> <view class="show"> <image src="{{cardPath ...

绘制canvas内容 首先，需要写一个canvas标签，给canvas-id命名为shareBox 其次，我们就要根据需求（效果图如下）在canvas上面绘制内容了，我这里canvas指的是红框里面的内容 然后开始绘制内容啦，先定义一个绘制内容的方法：drawImage ...

业务场景 在微信中 小程序无法分享到朋友圈，目前大部分的解决方案都是，canvas动态绘制 生成图片后，保存到用户相册，用户进行分享照片到朋友圈，朋友圈打开图片后识别二维码进入小程序，达到分享目的 github源码链接 https://github.com/richard1015 ...

之后，就是需要准备画图的一些资源，比如图片之类的 　　网络图片需利用微信接口 wx.downloadF ...

最近开发中要实现一个需求，用户点击分享生成一个图片海报，可以供用户发朋友圈或者其他使用（感觉没人会用~），用到了小程序canvas，和web上的功能基本一样，记录一下。---还没上线一周，这个功能就被撤了 首先预设几个工具函数 1/小程序开发使用的是 rpx，但是canvas里的单位使用 ...

每个小程序成型后，一般都会选择生成带菊花码的海报分享出去来吸引更多的流量。下面来介绍下其他的一种实现方式吧 原理：主要利用微信小程序强大的Canvas API来合成，生成后可用wx.canvasToTempFilePath()导出图片地址，从而可实现预览及保存至手机相册 一、如何使用 ...