snap svg 无法在本地工作

Question

我用 snap svg 制作了一个 codepen。看过HERE

我想将它包含到我正在使用 Kirby CMS 和 MAMP 在本地开发的网站中

我在头中包含了 snap svg：

<?php echo js('assets/js/snap.svg-min.js') ?>

在页脚之后的结束正文标记之前，我有这个脚本：

<script>

      s = Snap("#svg");

      var firstShape = s.path("M125.834,113L125.834,113v-3.625H130l0,0V113H125.834z").attr({
        fill: "#07AD91"
      });


      var secondShape = s.path("M0,3.63L0,3.63V0.004h4.167l0,0V3.63H0z").attr({
        fill: "#07AD91"
      });



      firstShape.animate({ d: "M10.011,112.182L0,94.098l54.068-92.65l40.161,71.15H73.607L53.62,37.577L10.011,112.182z;" fill:"#46CEB4" }, 2500, mina.elastic);

      secondShape.animate({ d: "M130,91.641H49.094l11.094-16.658h38.5L56.472,0h20.471l42.236,72.818L130,91.641z" fill:"#97E8DA" }, 2500, mina.elastic);

    </script>

它在 codepen 上工作，但在本地我在控制台中有这个错误：

我已经尝试通过 clodflare 连接 snap svg ，将其放在页脚中，将代码包装在 doc ready 函数中。但没有任何效果。

Answer 1

fill:"#46CEB4"前面少了一个逗号，代码应该是：

firstShape.animate({ d: "M10.011,112.182L0,94.098l54.068-92.65l40.161,71.15H73.607L53.62,37.577L10.011,112.182z;", fill:"#46CEB4" }, 2500, mina.elastic);

secondShape.animate({ d: "M130,91.641H49.094l11.094-16.658h38.5L56.472,0h20.471l42.236,72.818L130,91.641z", fill:"#97E8DA" }, 2500, mina.elastic);