canvas画条形图 微信小程序_小程序海报生成神器-wxml-to-canvas

前言

大家都知道微信小程序不能分享到朋友圈。所以想要在朋友圈传播通常是以海报的形式。海报生成有多种方式。

• 一种是通过服务端生成，以生成图片的形式返回给前端展示（一般可以在服务端进行模板管理，方便维护和更新海报，不需要重新更新小程序版本等）。
• 还有一种就是前端生成海报，一般是通过绘制canvas方式生成。下面我要介绍的就是这种方式。

前端生成海报方案

前端生成海报无非是canvas，但是操作原生的canvas简直是一种苦力活，让人痛苦不堪。市面上已有不少相关的海报插件。在 wxml-to-canvas 出来前，github 中下面2个海报插件深受喜爱（wxa-plugin-canvas，Painter）。有兴趣的可以去github看看。

Painter wxa-plugin-canvas

wxml-to-canvas 是微信官方推出的扩展组件，这款组件真是前端海报生成神器。基本可以满足前端海报需求。

先上图。下图的3个海报就是通过 wxml-to-canvas 动态绘制的。

wxml-to-canvas

wxml-to-canvas可以在小程序内通过静态模板和样式绘制 canvas ，导出图片