text（文本）
属性 含义 默认值 可选值content 绘制的图片地址 ''（空字符串）
color 颜色 black
fontSize 字体大小 16
textAlign 文字对齐方式 left center、right
lineHeight 行高，只有在多行文本中才有用 20
top 文本左上角距离画板顶部的距离 0
left 文本左上角距离画板左侧的距离 0
breakWord 是否需要换行 false true
MaxLineNumber 最大行数，只有设置 breakWord: true ，当前属性才有效，超出行数内容的显示为... 2
width 和 MaxLineNumber 属性配套使用，width 就是达到换行的宽度
bolder 是否加粗 false true
textDecoration 显示中划线、下划线效果 none underline（下划线）、line-through（中划线）
rect (矩形，线条)
属性
含义
默认值
可选值
background
背景颜色
black
top
左上角距离画板顶部的距离
left
左上角距离画板左侧的距离
width
要画多宽
0
height
要画多高
0
Q&A
最佳实践
绘制操作的时候最好 锁住屏幕 ，例如在点击绘制的时候
wx.showLoading({ title: '绘制分享图片中', mask: true })
绘制完成之后
wx.hideLoading()
具体可以参考项目下的 /pages/multiple
1、二维码和小程序码如何绘制？
2、绘制流程相关
views 数组中的顺序代表绘画的先后顺序，会有覆盖的现象。请各位使用者注意。
3、如何实现圆形头像？
canvas 中没有绘制圆形图片的方法，所以使用了 hack 的方式来实现的。使用一张中间镂空的图片盖在头像上就可实现当前效果。
4、canvas drawer 组件为什么不直接显示canvas画板和其内容呢？
考虑到大部分场景，我们都是用来把图片保存到本地，或用以展示。
保存到本地，返回临时文件给调用者一定是最佳的解决方式。
展示，转化成图片之后，就可以使用 image 基础组件的所有显示模式了，还能设置宽高。
TIPS
如果有什么疑问，欢迎 issues。 如果觉得不错，能不能送我小 ✨ ✨ ，然我有更多的动力更新。
github：github.com/kuckboy1994…