0

嗨，我是一个完整的初学者，所以我很抱歉我的代码混乱（我也提前为我的英语道歉）。

我目前正在尝试为自己编写一个网站，我制作了一个搅拌机动画，我用后效编辑，然后用 bodymovin 导出。我不知道我是否链接了我的 script.js 错误或其他什么，但我关注了大量视频，但似乎没有任何效果，因为它不会出现在我的网站上，或者我的 script.js 出现错误。我希望我在这里正确地发布我的代码。

HTML：

<div id="cloud"></div>
<script src="lottie.js"></script>
<script src="script.js"></script>

脚本.js

var animation = bodymovin.loadAnimation({
    container: document.getElementById('cloud')
    renderer: 'svg',
    loop: true
    autoplay: true,
    path: 'Cloud_1.json' 
})

提前致谢！

编辑：

我的动画是移动的云。我使用括号，但在网站上无处可见。

我目前有一个错误

`renderer: 'svg',

这些是我得到的所有错误：

'bodymovin' 是在定义之前使用的。var animation = bodymovin.loadAnimation({ 3
预期 'renderer' 在第 1 列，而不是第 5 列。renderer: 'svg', 3
预期 '}' 以匹配第 1 行的 '{' 而是看到 'renderer'。renderer: ' svg', 3
Expected ')' 匹配 '(' 从第 1 行看到 ':'。renderer: 'svg', 3
Expected ';' 而看到 'svg'。renderer: 'svg', 3
Expected ' svg' 在第 1 列，而不是第 15 列。 renderer: 'svg', 3
需要赋值或函数调用，而是看到一个表达式。renderer: 'svg', 3 需要
';' 而不是看到 ','。renderer: ' svg', 3
预期 ','
在第 1 列，而不是第 20 列。 renderer: 'svg', 3需要一个标识符，但看到的是 ','。渲染器：'svg'，3
停止。（42% 扫描）。渲染器：'svg'，

4

1 回答 1

1

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

<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>

并更换

var animation = bodymovin.loadAnimation({
    container: document.getElementById('cloud')
    renderer: 'svg',
    loop: true
    autoplay: true,
    path: 'Cloud_1.json' 
})

经过

var animation = lottie.loadAnimation({
    container: document.getElementById('cloud')
    renderer: 'svg',
    loop: true
    autoplay: true,
    path: 'Cloud_1.json' 
})
于 2022-02-21T12:07:44.920 回答