51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

HarmonyOS lottie库，无法播放带有image的动画

动画不包含图片的，可以正常播放。

this.anim = lottie.loadAnimation({ 
  path: 'lottie/happy2016/data.json', 
  container: this.canvasContext, 
  autoplay: true, 
})
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

动画包含图片的，无法播放。

this.anim = lottie.loadAnimation({ 
  path: 'lottie/happy2016/data.json', 
  container: this.canvasContext, 
  autoplay: true, 
})
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.

data.json:

assets: [ 
  { 
    u: lottie/raw/, 
    p: icon.png, 
  } 
]
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.

图片路径:src/main/resources/rawfile/lottie/raw/icon.png

报错日志：

[js_environment.cpp(operator():148)]SourceMap is not initialized yet 
SourceMap is not initialized yet 
at createImageData (oh_modules/.ohpm/@ohos+lottie@2.0.10/oh_modules/ 
  at loadAssets (oh_modules/.ohpm/@ohos+lottie@2.0.10/oh_modules/@ohos/ 
  at anonymous (oh_modules/.ohpm/@ohos+lottie@2.0.10/oh_modules/@ohos/ 
  at anonymous (oh_modules/.ohpm/@ohos+lottie@2.0.10/oh_modules/@ohos/ 
  at anonymous (oh_modules/.ohpm/@ohos+lottie@2.0.10/oh_modules/@ohos/ 
  at postMessage (oh_modules/.ohpm/@ohos+lottie@2.0.10/oh_modules/@ohos/ 
  at anonymous (oh_modules/.ohpm/@ohos+lottie@2.0.10/oh_modules/@ohos/ 
  at anonymous (oh_modules/.ohpm/@ohos+lottie@2.0.10/oh_modules/@ohos/
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
HarmonyOS
zbw_apple
2024-09-12 13:43:25
浏览
赞
收藏 0
回答 1
回答 1
按赞同
/
按时间
FengTianYa
FengTianYa

参考代码：

lottie.loadAnimation({ 
  container: this.canvasRenderingContext, 
  renderer: 'canvas', // canvas 渲染模式  此处为必须, 
  path: "common/lottie/chalk_data.json" // 此处json中可以添加带图片资源 
})
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
分享
微博
QQ
微信
回复
2024-09-12 16:59:14
如何写精华回答，获更多曝光？
发布
相关问题
HarmonyOS 本地lottie动画无法播放
1458浏览 • 1回复 待解决
Lottie的相关库，请问是否有支持Lottie动画的库？
968浏览 • 1回复 待解决
动画lottie能否设置播放次数
2723浏览 • 1回复 待解决
HarmonyOS 三方库lottie无法加载json复杂动画
943浏览 • 1回复 待解决
HarmonyOS 存在多个Ability时，别的Ability上的lottie动画无法自动/手动播放
683浏览 • 1回复 待解决
HarmonyOS lottie动画
854浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现基于OpenHarmony的Lottie动画播放？
985浏览 • 1回复 待解决
HarmonyOS image组件如何控制gif动画的播放次数
863浏览 • 1回复 待解决
HarmonyOS动画三方库lottie支持的不太好, 未找到lottie含有外置图片的支持
1357浏览 • 1回复 待解决
HarmonyOS lottie指定imagePath后lottie动画执行报错
937浏览 • 1回复 待解决
HarmonyOS 如何加载lottie动画
880浏览 • 1回复 待解决
HarmonyOS 怎样加载Lottie动画
808浏览 • 1回复 待解决
HarmonyOS RN使用lottie库
656浏览 • 1回复 待解决
HarmonyOS Lottie动画有加载的指导吗
707浏览 • 1回复 待解决
HarmonyOS Lottie无法全屏加载
845浏览 • 1回复 待解决
HarmonyOS 带有控制器的音频播放怎么开发
654浏览 • 1回复 待解决
image组件如何控制gif的启动，停止，播放次数，及监听播放停止动画
1227浏览 • 1回复 待解决
lottie动画组件存在严重的内存泄漏
2546浏览 • 1回复 待解决
HarmonyOS Lottie动画加载不出来
890浏览 • 1回复 待解决
HarmonyOS .zip格式的lottie动画，应该怎么使用
762浏览 • 1回复 待解决
请问Image怎么加载带有referer的网络图片？
3457浏览 • 2回复 待解决
Refresh结合lottie实现下拉刷新动画
1952浏览 • 1回复 待解决
HarmonyOS Lottie文件能显示，但不会做动画
761浏览 • 1回复 待解决
HarmonyOS 三方库lottie HarmonyOS版，是否支持通过url加载lottie资源
1068浏览 • 1回复 待解决
HarmonyOS wevSrc中带有中文无法跳转，使用encodeURI后仍然无法跳转
723浏览 • 1回复 待解决
提问
该提问已有0人参与 ，帮助了0人
相关讨论帖
鸿蒙应用开发image-animator帧动画的播放 1回复
【闲谈鸿蒙三方库】动画库@ohos/lottie 0回复
HarmonyOS Lottie组件，让动画绘制更简单 0回复
鸿蒙开源组件——动画播放库 0回复
基于lottie的动画资源加载 2回复