这是一个创建于 1991 天前的主题，其中的信息可能已经有所发展或是发生改变。
说明
小程序的项目中有动态生成海报的需求,于是就找到了mp_canvas_drawer这个项目. 但是发现不支持图片的圆角,也不支持圆形(头像加边框). 就自己造了个轮子.和 mp_canvas_drawer 原理相同,小程序部分组件部分也直接用了 mp_canvas_drawer 的代码.
功能
支持图片(圆角),圆,矩形,文字(长文折行). 如果你用过 cax,还有一个很好玩的概念 group,这里也支持. 因为 canvas 的绘制部分是基于 dntzhang 大神的cax.所以你的一份 json,可以同时在小程序和 web 中使用
然后就有了这个项目: json2canvas.
预览
demo：修改左边的 json 数据,就可以直接看到变化.
目前支持的元素还不多,仅仅完成了自己需求,如果有需要,欢迎 star & issue
 |
1
coolzjy 2019-06-14 11:30:43 +08:00  1
文字折行算法太暴力了，很多地方是不能换行的（包括单词中、标点之前）。正好在写相关的东西，沉淀了一个匹配文本中可以换行位置的正则，可以用来加强一下换行的算法 https://regexr.com/4f12l
|
 |
2
ericls 2019-06-14 12:11:09 +08:00 via iPhone
svg?
|
Select Language