QS-SharePoster 更名为 QS-Canvas - 更新日志

1.0.11（2022-05-31）

  • 修复 uni.canvasToTempFilePath中组件实例导致输出失败问题

1.0.10（2022-05-19）

  • drawArray支持zIndex
  • drawArray支持type为function类型便于zIndex排序后执行
  • uni-app环境支持本地图片绘制

1.0.8（2022-05-15）

  • 开放源码, 完善文档，新增示例项目, 修改某些方法名

1.0.7（2022-05-14）

改名为QS-Canvas， 断层更新， 支持 Node、Web、Uni-app

3.1.8（2021-06-29）

  • 修复 文字换行已知问题

3.1.7（2021-05-27）

  • 优化 drawDelayTime延时机制 加强绘制稳定性

  • 新增 text 类型lineFeed新增属性lastLineMaxWidth，可在换行后大于一行时 控制最后一行的最大宽度

  • 优化 text 类型lineThrough可直接传true

  • 修改 注释了app.js 的交互反馈，最好自己去实现，如若需要在app.js 打开交互反馈注释代码

3.1.6（2021-04-09）

  • 新增 支持识别换行符, 换行符配置在 app.js 下， lineFeedTags 为需要识别的换行符列表

3.1.5（2021-04-01）

  • 修复 text类型lineFeed只在allinfocallback中有效问题

3.1.4（2021-03-24）

  • 优化 文字长度计算会在infocallback、allinfocallback后重新计算

  • 修复 文字换行只一行时不会截断并加省略号问题

3.1.3（2021-03-15）

  • 优化 allInfocallback 可以获取换行文字信息

  • 新增 主方法新增draw属性, 是否执行draw方法，建议传false，而后自己调用画布对象去draw，可以解决卡在绘制中的问题

  • 新增 drawArray序列项内新增zIndex属性, 用于控制元素的层级, 数值越大层级越高

3.1.2（2021-03-04）

  • 修复 因getImageInfo用的是downloadFile后的路径而导致小程序上有可能出现的问题

  • 删除 示例项目中的 unpackage

3.1.1（2021-03-04）

  • 修复 在hbx3.1.2 中高度问题, 内部 uni.canvasToTempFilePath 时 除文件类型与质量参数外 均使用uni默认参数

  • 新增 canvas2image 参数， 若不为false则判定为true，是否自动调用uni.canvasToTempFilePath来生成并返回图片地址

  • 删除 小程序环境对图片url的加强过滤

  • 优化 示例allInfocallback 内部使用canvas2image: false

3.1.0（2021-02-27）

  • 修复 文本换行在只超出一个字时会漏掉改文字问题

3.0.9（2021-01-17）

优化 image类型不传mode属性时，按原来的方式绘制

3.0.8（2021-01-17）

* 新增 image类型新增mode属性，目前支持 scaleToFill、aspectFit、aspectFill, 效果与uni image组件的mode一致

* 优化 输出宽高默认乘以设备像素比，（模糊问题）

* 优化 二维码延时调整（小程序绘制二维码问题）

* 优化 示例

3.0.7（2020-07-16）

  • 修复 因canvasToTempFilePath中被该是Number类型却使用了String类型而导致 输出失败的问题

3.0.6（2020-07-05）

  • 新增 图片类型支持 base64 绘制 , 使用了瞳player的image-tools

  • 新增 绘制类型 fillrect-填充矩形、strokeRect-线性矩形、roundStrokeRect-线性圆角矩形、roundFillRect-填充圆角矩形

  • 优化 动态设置画布宽高方法 setBgObj 会全部覆盖原属性导致背景图绘制不出的问题

3.0.5（2020-05-19）

  • drawArray新增动态设置画布大小方法setBgObj 与 获取画布信息方法getBgObj

  • 优化示例, 新增关于setBgObj 与getBgObj示例

3.0.4（2020-05-11）

  • 修改默认bgScale为1

  • 修复 allInfoCallback获取的数据不准确问题

  • 取消本地存储机制

  • 新增formData属性，用于在访问接口获取背景图片路径时可携带自定义数据(可在app.js-getPosterUrl 中拿到该数据)

3.0.3（2020-01-04）

优化图片生成速度, 发现canvasToTempFilePath默认生成图片类型为png, 而png为无损图片类型，所以图片体积较大，而修改为jpg类型后可大幅度提升图片生成速度, 若有需要可传setCanvasToTempFilePath参数控制

3.0.2（2020-01-02）

不小心多出来的zip文件忘记删除了

3.0.1（2020-01-02）

1.drawArray类型项内属性新增allInfoCallback属性，可以获取drawArray绘制序列全部的详细信息, 并相应新增serialNum属性用于控制顺序, 详见2.0.8 drawArray参数详解

2.新增属性formData，用于app.js中的获取背景图方法的携带数据

3.image类型新增alpha参数用于控制透明度[0, 1]

3.0.0（2019-12-11）

1.版本号更改为3.0.0开始

2.新增可控层级绘制序列-drawArray, 建议使用该序列绘制, 该属性可直接return数组，也可以return一个promise对象, 但最终resolve一个数组, 这样就可以方便实现后台可控绘制海报 详见2.

3.新增 delayTimeScale(生成图片时延时系数)、 drawDelayTime(draw方法延时时间)等属性，控制延时, 详见2.

21.0（2019-09-08）

修复小程序中二维码绘制错乱问题，参考了诗小柒的源码对输出图片进行延时

20.0（2019-09-02）

微信小程序自动判断图片是否为https(比如 从微信获取用户信息，头像的路径是http开头的，在获取图片信息或下载的时候将自动转为https)

19.0（2019-08-16）

textArray新增字体设置，详见2.0.7

18.0（2019-08-15）

修复部分机型textArray设置文字大小带小数时绘制不出的问题, 非常感谢@QQ：447611296 小伙伴查到此问题的原因， 不过 因为在下这边无法重现问题， 还请小伙伴们测试一下

17.0（2019-08-11）

1、修复textArray中没有传infocallBack返回dx、dy时不绘制的问题

2、修改 修改imageArray、textArray、qrCodeArray、setDraw等属性类型为Function时，回调函数的参数更改为一个对象类型数据，该对象一般拥有bgObj、type、bgScale三个参数, 当布局不使用画布的宽高动态布局并且参照原设计图尺寸绘制时，则需将最终数值乘以bgScale

3、新增Context属性， 传入画布对象, （一般不用）

16.0（2019-08-09）

1、imageArray新增roundRectSet属性，用于设置圆角矩形图片, 详见2.

2、修复小程序真机无法绘制图片问题, 原来小程序还是要下载图片以后才能绘制的

3、imageArray的circleSet废弃circle参数，circleSet参数可以传Boolean类型，也可以传Object类型

4、修复第二次绘制海报时文字错位问题

15.0（2019-08-08）

修复lineFeed设置lineHeight属性时 也会对第一行文字的dy属性设置, 导致布局不准确的问题

14.0（2019-08-07）

修复IOS无法绘制问题，增加了bgScale参数来缩放背景图，所以一般布局最好使用背景图的宽高来进行布局 , 详见2. (但是 ， 仍需测试)

13.0（2019-08-05）

textArray新增换行功能(与QQ：1219848990小伙伴一起写的, 感谢!), 详见2.0.7

12.0（2019-08-04）

1、新增textArray属性， 详见2.0.7

2、QS-SharePoster.js中除了默认导出的主方法外，还导出了setTextArray(设置文本数据)、 setImagesArray(设置图片数据)、drawText(绘制文本)、drawImage(绘制图片)、 drawQrCode(绘制二维码)等方法, 第一个参数传入画布对象，第二个参数传入对应数据，即可使用

11.0（2019-07-30）

1、H5支持setCanvasToTempFilePath属性中的quality属性, 若图片生成慢可以调整图片生成的质量, 默认0.8

2、新增background属性, 详见2.0.6

3、所绘制的图片除背景图外均不在下载(发现原来不用下载也能绘制上去, 所以注释了下载图片的代码)

10.0（2019-07-28）

1、优化H5图片生成方式， 非常感谢QQ：624823464小伙伴解决并提供的此问题
2、示例项目中为H5增加本地图片示例
3、新增console打印管理, 详见app.js的log属性

9.0（2019-07-05）

修复H5生成的图片尺寸问题

8.0（2019-06-30）

疑似修复H5， 因跨域问题没有继续测试，还请有使用到H5的小伙伴测试一下