更新记录

1.0.0（2019-09-04）

• 圆角绘制；
• 图片圆角绘制；
• canvas高度计算；
• 只绘制一行；
• 绘制多行；
• 绘制图片+文字；
• 下载图片；
• 保存caves为图片

TODO:

• APP端单行绘制限制；
• APP端多行绘制限制

平台兼容性

wakary-poster海报名片绘制

一个我们目前上线的小程序用到的名片/海报/poster/canvas。有任何问题可以加我QQ：382006503或者微信。

基本能够满足大多数的样式需求，以及canvas绘制海报/名片等的学习需求。

主要有如下几点：

• 圆角绘制；
• 图片圆角绘制；
• canvas高度计算；
• 只绘制一行；
• 绘制多行；
• 绘制图片+文字；
• 下载图片；
• 保存caves为图片；
• 更多...

目前还存在一些问题：

因为measureText在组件模式下，app端不可用，所以只绘制一行的，以及多行检测的需要另外处理。后期会更新。

说明

我们没有进一步的封装，直接是根据设计的样式进行绘制，不支持传入css等来绘制。毕竟用到绘制的地方不多。

希望这个样式你会喜欢，也喜欢这份绘制代码能够对你有用。

如果你需要运行查看效果，请记得以下几点：

• 直接将wakary-poster拖入您的项目pages中；
• 将wakary-poster加入pages.json；
• 拷贝wakary-poster中用到的静态图片;
• 修改绘制的静态图片的路径（如果不一致的话）;
• OK

结束语

有任何Bug或者使用问题，随时联系QQ：382006503.

开源不易，觉得有用请点赞。会一直不断改进，吸收各位的意见。