路径/笔触动画在手机上不起作用(After Effects,Bodymovin,Lottie,Json)

时间:2019-02-11 20:52:24

标签: javascript html svg after-effects lottie

我使用Bodymovin和Lottie从AE导出的动画在移动设备上不起作用。在Lottie的文档中,有指向可在我的android手机上运行的Codepen上的几个示例的链接。

我花了好几天尝试解决这个问题。 我的动画似乎也无法在Codepen上运行:

https://codepen.io/michal-michalski/pen/daedvX

    <html>
    <head>
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <link rel="stylesheet" href="style.css">    
    </head>

 <body>
      <div id="d0">
        <animate id="d01"></animate>
        <!--<a href=""><img src="images/mmgf.gif" alt=""></a>

        <video width="380px" height="80" muted autoplay="autoplay">
        <source src="MM.mp4" type="video/mp4"></video>-->
      </div>

      <div id="d1"><p id="t">Hire Me while I learn JS frameworks!!!
                   <br> from as little as:
                   <br><span style="color: red; font-size:24px;">£100/ day or £18k perm</span></p></div>

      <div id="d2"><p>Need projects to help fill this space, get in touch if there is something u need done. great value for money :) <br>websites from <span style="color: red; font-size:24;">£100</span></></p></div>

      <div id="d3"><p>CVs</p></div>

      <div id="d4"><p>CONTACT</p></div>

    <!-- ... -->

</body>

    <footer>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.4.3/lottie_html.js"></script>
      <script src="parasc.js"></script>
      <script src="data3.json"></script>

    </footer>
    </html>

以实际的网址查看动画-http://www.mmichalski.co.uk在Chrome和Firefox上运行正常

有什么想法吗?

这是引用的JSON:http://www.mmichalski.co.uk/data3.json

0 个答案:

没有答案