5.18.22

Patch Changes

• Updated dependencies [d090082]
  • @antv/g-web-animations-api@1.2.20

You can also register custom easing function via EasingFunctions like this:

import { EasingFunctions } from '@antv/g';

// Register easing function.
EasingFunctions['my-easing'] = (t: number) => t;

circle.animate([{ opacity: 0 }, { opacity: 1 }], {
  duration: 500,
  easing: 'my-easing', // Use it by name.
});

You can find more easing functions on: https://easings.net/