画布 - Canvas

阅读时间约 1 分钟

F2 提供的顶层组件,可以理解成画布对象

Usage

import { Canvas, Component } from '@antv/f2';

<Canvas context={context}>
  <Component />
  ...
</Canvas>;

Props

context: CanvasRenderingContext2D

画布的上下文,需要为 CanvasRenderingContext2D 对象,F2 使用的是标准的 CanvasRenderingContext2D 对象接口,只要符合这个接口定义的对象都可以

pixelRatio: number

可选

默认为 window.devicePixelRatio

width: number

可选

画布宽度

height: number

可选

animate: boolean

是否执行动画,默认为 true