javascript - After Effects 动画 bodymovin.js : font issue, 看起来很困惑

标签 javascript jquery svg server

我在客户的网站上播放了一个后效动画。

使用: body.js 数据.json

和以下代码:

<script>
    $(".animation").click(function () {
        var anim;
        var elem = document.getElementById('bodymovin_overlay');
        var animData = {
            container: elem,
            renderer: 'svg',
            loop: false,
            autoplay: true,
            rendererSettings: {
                progressiveLoad: false
            },
            path: 'data_overlay.json'
        };
        anim = bodymovin.loadAnimation(animData);
    });
</script>

一切工作正常,但现在我们添加了一个新的动画文件,并且所有字体路径看起来都很奇怪(附图)。

在此处查看问题:http://no11.ee/bringtest/

有什么解决方案的想法以及为什么会发生这种情况吗?

enter image description here

最佳答案

您使用的播放器版本为 4.7.0,动画“data_overlay.json”版本为 4.11.2
您还需要更新播放器。
https://github.com/bodymovin/bodymovin
从此处下载最新的播放器或从扩展本身获取播放器。

关于javascript - After Effects 动画 bodymovin.js : font issue, 看起来很困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46891865/

相关文章:

javascript - Backbone.js 按钮单击事件会针对按钮的所有实例触发,而不仅仅是被单击的实例。为什么?

javascript - 如何找到显示为无的 HTML 元素的实际高度或宽度

selenium - 测试 D3/HighCharts/SVG 的最佳策略是什么?

javascript - jQuery .css 有时不起作用

javascript - 只获取选定的项目而不提交?

javascript - jQuery self = 这会重置点击

jquery - 如何添加 ‘a Multi-level Menu to a Hamburger menu'

可缩放至容器的 SVG

html - 有什么方法可以应用特定形状的 svg 过滤器吗?

javascript - 具有异步等待的数组减少功能