@ foblex/ flow-animator (英语)

@ foblex/ flow 的动画库,旨在为您的 Angular 项目提供平滑而自定义的动画.

特征

• 无缝集成与Angular应用.
• 定制动画序列.
• 支持HTML和SVG动画.

安装

要安装软件包, 请运行 :

npm install @foblex/flow-animator

使用量

以下是如何使用@foblex/flow-animator的基本例子:

// In your component
constructor(private fFlowAnimator: FFlowAnimatorService) {}

animateFlow() {
  this.fFlowAnimator.animate('f-flow-0', {
    items: [
      [ { id: 'element1' } ],
      // ...other items...
    ],
    duration: 14000,
    removeOverlayAfterRowComplete: true
  }).subscribe((result) => {
    // Handle animation result
  });
}