首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >json动画不会出现在我的网站上吗?

json动画不会出现在我的网站上吗?
EN

Stack Overflow用户
提问于 2022-02-21 11:05:55
回答 1查看 132关注 0票数 0

嗨,我是一个完全的初学者,所以我很抱歉我的混乱代码(我也为我的英语事先道歉)。

我目前正试图为自己编写一个网站,我做了一个搅拌机动画,我编辑了后效果,然后导出与车身运动。我不知道我的script.js链接是错的还是其他什么的,但是我跟踪了大量的视频,似乎没有什么效果,因为它不会出现在我的网站上,或者我的script.js中出现了错误。我希望我把我的代码放在这里是正确的。

HTML:

代码语言:javascript
复制
<div id="cloud"></div>
<script src="lottie.js"></script>
<script src="script.js"></script>

Script.js

代码语言:javascript
复制
var animation = bodymovin.loadAnimation({
    container: document.getElementById('cloud')
    renderer: 'svg',
    loop: true
    autoplay: true,
    path: 'Cloud_1.json' 
})

提前感谢!

编辑:

我的动画是一朵移动的云。我用括号,但在网站上看不到。

我目前有一个错误在

代码语言:javascript
复制
`renderer: 'svg', 

这些都是我所犯的错误:

“‘bodymovin”在定义之前就被使用了。var动画= bodymovin.loadAnimation({ 3)

预期的‘呈现器’在第1栏,而不是第5栏。渲染器:'svg',3

期望'}‘匹配第1行中的'{’,而不是看到‘呈现器’。渲染器:“svg”,3

“要匹配”(“从第1行开始,而不是看到”:“。渲染器:“svg”,3

预期的“;”却看到了“svg”。渲染器:“svg”,3

预期“svg”在第1栏,而不是第15栏。渲染器:“svg”,3

期望一个赋值或函数调用,而不是看到一个表达式。渲染器:“svg”,3

期望';‘而不是看到',’。渲染器:“svg”,3

预期“,”在第1栏,而不是第20栏。渲染器:“svg”,3

期望一个标识符,而不是看到',‘。渲染器:“svg”,3

停下来。(42%扫描)。渲染者:“svg”,

EN

回答 1

Stack Overflow用户

发布于 2022-02-21 12:07:44

将Lottie CDN添加到文件的标题中:

代码语言:javascript
复制
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.8.1/lottie.min.js" integrity="sha512-V1YyTKZJrzJNhcKthpNAaohFXBnu5K9j7Qiz6gv1knFuf13TW/3vpgVVhJu9fvbdW8lb5J6czIhD4fWK2iHKXA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>

并替换

代码语言:javascript
复制
var animation = bodymovin.loadAnimation({
    container: document.getElementById('cloud')
    renderer: 'svg',
    loop: true
    autoplay: true,
    path: 'Cloud_1.json' 
})

通过

代码语言:javascript
复制
var animation = lottie.loadAnimation({
    container: document.getElementById('cloud')
    renderer: 'svg',
    loop: true
    autoplay: true,
    path: 'Cloud_1.json' 
})
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71205233

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档