我正在创建 2 个状态 svg 驱动的动画图标，但出现错误

Question

我正在创建 2 个状态 svg 驱动的动画图标，我使用了图标转换生成器网站名称 nucleoapp 我上传了两个 svg 图标，当我在 html 中包含完整代码时，它们给了我代码，它运行良好，但是当我删除脚本标签并剪切 javascript 代码并粘贴时我的 javascript 文件它给了我这个错误 Uncaught SyntaxError: Unexpected token ';'

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" height="512" width="512">

  <g class="nc-icon-wrapper js-transition-icon" data-effect="scale" data-event="click">

    <g class="js-transition-icon__state" style="">

      <path d="M368.5 240H272v-96.5c0-8.8-7.2-16-16-16s-16 7.2-16 16V240h-96.5c-8.8 0-16 7.2-16 16 0 4.4 1.8 8.4 4.7 11.3 2.9 2.9 6.9 4.7 11.3 4.7H240v96.5c0 4.4 1.8 8.4 4.7 11.3 2.9 2.9 6.9 4.7 11.3 4.7 8.8 0 16-7.2 16-16V272h96.5c8.8 0 16-7.2 16-16s-7.2-16-16-16z"></path>

    </g>

    <g class="js-transition-icon__state" aria-hidden="true" style="display: none;">

      <path d="M368.5 240h-225c-8.8 0-16 7.2-16 16 0 4.4 1.8 8.4 4.7 11.3 2.9 2.9 6.9 4.7 11.3 4.7h225c8.8 0 16-7.2 16-16s-7.2-16-16-16z"></path>

    </g>

  </g>

  <script>

    ! function() {

      "use strict";

      if (!window.requestAnimationFrame) {

        var a = null;

        window.requestAnimationFrame = function(t, i) {

          var e = (new Date).getTime();

          a || (a = e);

          var s = Math.max(0, 16 - (e - a)),

            n = window.setTimeout(function() {

              t(e + s)

            }, s);

          return a = e + s, n

        }

      }

      function r(t, i, e, s) {

        return 1 & gt;

        (t /= s / 2) ? e / 2 * t * t * t * t + i: -e / 2 * ((t -= 2) * t * t * t - 2) + i

      }

      function e(t) {

        return t ? [1, 0] : [0, 1]

      }

      function t(t) {

        this.element = t, this.svg = function t(i) {

          var e = i.parentNode;

          if ("svg" !== e.tagName) e = t(e);

          return e;

Answer 1

(1) 注意<svg>'s script 标签内的文本是经过 HTML 转义的。不能直接复制粘贴。(2) 看看类似的东西if (t & gt; this.time.total) {它一定是t > this.time.total，但它被转义为1 &gt; this.time.total，然后一些语义不明确的代码美化程序在&和之间添加了一个空格gt;。我想您现在了解如何使脚本在<svg><script>.