After Effects动画bodymovin.js:字体问题,看起来搞砸了

时间:2017-10-23 14:28:43

标签: javascript jquery svg server

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

使用: body.js data.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

1 个答案:

答案 0 :(得分:1)

您正在使用播放器版本4.7.0和您的动画&#34; data_overlay.json&#34;是版本4.11.2
您还需要更新播放器。
https://github.com/bodymovin/bodymovin
从这里下载最新的播放器或从扩展本身获取播放器。