chenqingspring / vue-lottie

Render After Effects animations on Vue based on Bodymovin
MIT License
1.31k stars 281 forks source link

怎么处理需要图片资源的动画 #30

Open cocacolasummer opened 5 years ago

xing00 commented 5 years ago

import * as titleAni from '../static/tittle.json' titleAni.assets.forEach(item => { item.u = 图片前缀路径 })

usercao commented 5 years ago

@xing00 #10 是相对整个项目的图片文件夹路径吗?

xing00 commented 5 years ago

@xing00 是相对整个项目的图片文件夹路径吗?

相对你引入的这个文件里的路径,比如tittle.json,这个文件所有引用的图片的路径

usercao commented 5 years ago
data() {
  return {
    defaultOptions: { animationData: animationData.default },
    animationSpeed: 1
  }
}
import * as animationData from '../assets/images/node/lottie/data.json'

animationData.assets.forEach((item, index) => {
  item.u = ''
  item.p = require(`@/assets/images/node/lottie/images/img_${index}.png`)
})

最后这样解决的,相对路径的方法试了还是无法加载出来。

asmallkite commented 4 years ago

@usercao Thanks

fftaken commented 4 years ago

@usercao 牛逼,感谢

fan240579805 commented 3 years ago

@usercao 牛逼,试了贼多办法就你的有用