小程序上渲染 F2

阅读时间约 2 分钟

F2 是基于 CanvasRenderingContext2D 的标准接口绘制的,所以只要能提供标准 CanvasRenderingContext2D 接口的实现对象,F2就能进行图表绘制

封装思路

因为在小程序中给的 context 对象不是标准的 CanvasRenderingContext2D , 所以封装的核心思路是将 contextCanvasRenderingContext2D 对齐,所以 F2 针对支付宝和微信这2个常见的场景做了一层 context 的对齐,详情可见: https://github.com/antvis/f2-context, 其他小程序也可以按同样的思路封装

小程序组件

为了方便使用, 我们针对支付宝和微信分别分装了对应的自定义组件

支付宝小程序

F2 的支付宝小程序版本。

微信小程序

F2 的微信小程序图表组件