HarmonyOS 鸿蒙Next中App设置了字体跟随系统，切换系统字体大小后，lottie动画出现问题

开发者你好，当前根据您这边的场景描述进行了代码配置，在进行了 “应用退到后台 -> 修改系统字体大小 -> 应用回到前台”操作时，并未出现你这边截图中的异常现象，请问是否可以提供下最小复现问题的代码。

import lottie, { AnimationItem } from '@ohos/lottie';

@Entry
@Component
struct PageDemo {
  private renderingSettings: RenderingContextSettings = new RenderingContextSettings(true);
  private canvasRenderingContext: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.renderingSettings);
  private animateItem: AnimationItem | null = null;
  private animateName: string = 'animation';

  build() {
      Column() {
        Tabs() {
          TabContent() {
            // app.string.homepage_content资源文件中的value值为“首页的内容”
            Text($r('app.string.homepage_content'))
              .fontSize(30)
          }
          // app.string.homepage资源文件中的value值为“首页”
          .tabBar($r('app.string.homepage'))

          TabContent() {
            // app.string.recommend_content资源文件中的value值为“推荐的内容”
            Text($r('app.string.recommend_content'))
              .fontSize(30)
          }
          // app.string.recommend资源文件中的value值为“推荐”
          .tabBar($r('app.string.recommend'))

          TabContent() {
            // app.string.discover_content资源文件中的value值为“发现的内容”
            Text($r('app.string.discover_content'))
              .fontSize(30)
          }
          // app.string.discover资源文件中的value值为“发现”
          .tabBar($r('app.string.discover'))

          TabContent() {
            // app.string.mine_content资源文件中的value值为“我的内容”
            Text($r('app.string.mine_content'))
              .fontSize(30)
          }
          // app.string.mine_content资源文件中的value值为“我的”
          .tabBar(this.tabBuilder(4))
        }
      }
  }

  @Builder
  tabBuilder(num:number) {
    Badge({count:num, style: { badgeSize: 6, badgeColor: '#FA2A2D' }}) {
      Stack() {
        Column(){
          Image($r("app.media.startIcon"))
            .width(30)
            .height(30)
          Text("我的")
        }
        Canvas(this.canvasRenderingContext)
          .width("24vp")
          .height("24vp")
          .onReady(() => {
            this.animateItem?.resize()
            this.loadAnimation()
          })
          .onDisAppear(() => {
            lottie.destroy('tabIdx')

          })
      }
    }
  }
  loadAnimation() {
    this.animateItem = lottie.loadAnimation({
      container: this.canvasRenderingContext,
      renderer: 'canvas', // canvas 渲染模式
      loop: false,
      autoplay: false,
      name: this.animateName,
      autoSkip:false,
      contentMode: 'Contain',
      path: 'common/animation.json',
    })
    // 因为动画是异步加载，所以对animateItem的操作需要放在动画加载完成回调里操作
    this.animateItem?.addEventListener('DOMLoaded', (args: Object): void => {
      this.animateItem?.changeColor([225, 25, 100, 1]);
      this.animateItem?.play();
    });
  }


}