HarmonyOS 鸿蒙Next中lottie可以加载json文件，但是只有一帧，无法播放

HarmonyOS 鸿蒙Next中lottie可以加载json文件，但是只有一帧，无法播放 使用lottie可以正确加载json文件，但是只有一帧，无法完整播放。 按照官方教程做的，这怎么解决啊？ 求帮助。

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

@Entry
@Component
struct LottiePage {
  private renderingContext: CanvasRenderingContext2D = new CanvasRenderingContext2D()
  private animateName: string = 'chicky'
  private animatePath: string = 'common/lottie/chicky.json'
  private animateItem: AnimationItem = null

  onPageHide() {
    console.log('onPageHide')
    lottie.destroy()
  }

  loadAnimation(){
    console.log('canvas onAppear');
    if (this.animateItem != null) {
      this.animateItem.destroy()
      this.animateItem = null
    }
    this.animateItem = lottie.loadAnimation({
      container: this.renderingContext,
      renderer: 'canvas',
      loop: true,
      autoplay: true,
      name: this.animateName,
      path: this.animatePath,
      initialSegment: [60, 120],
    })
  }

  build() {
    Column({space:20}){
      Canvas(this.renderingContext)
        .width('50%')
        .height('50%')
        .backgroundColor('#0D9FFB')
        .onReady(() => {
          this.loadAnimation()
        })

      Button('Load Animation')
        .onClick(() => {
          this.loadAnimation()
        })

      Button('destroy animation')
        .onClick(() => {
          lottie.destroy(this.animateName)
          this.animateItem = null
        })

      Button('pause')
        .onClick(()=>{
          lottie.pause(this.animateName)
        })

      Button('play')
        .onClick(()=>{
          lottie.play(this.animateName)
        })
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}