小程序开发中,生成图片的需求是不可避免的,Canvas的使用还算不上优雅简洁。有没有什么开源的组件可以帮助我们快速实现图片的生成呢?当然是有的啦。写者在Github上发现了一个开源组件Painter,十分好用。地址:https://github.com/Kujiale-Mobile/Painter
使用方式:(组件和依赖的js可在上述github地址中获取到)
使用方式非常简单,如下:
1:先引入painter组件。
2:引入依赖的js文件。
3:在需要画图的界面中引入painter组件。
4:在js中生成painer对象后setData。然后就会开始绘制。Painer组件可以绑定(bind:imgOK="onImgOK")事件,绘制成功后,onImgOK事件会被触发,得到生成图片的临时地址。 json格式的对象,很简单。(做个简单的示例)
扫描二维码关注公众号,回复:
8535858 查看本文章
页面效果:
具体的详细手册建议查看github地址