为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

胡子哥哥 2021-12-02 16:48:05
我正在创建 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;
查看完整描述

1 回答

?
元芳怎么了

TA贡献1798条经验 获得超7个赞

(1) 注意<svg>'s script 标签内的文本是经过 HTML 转义的。不能直接复制粘贴。

(2) 看看类似的东西

if (t & gt; this.time.total) {

它一定是t > this.time.total,但它被转义为1 &gt; this.time.total,然后一些语义不明确的代码美化程序在&和之间添加了一个空格gt;

我想您现在了解如何使脚本在<svg><script>.


查看完整回答
反对 回复 2021-12-02
  • 1 回答
  • 0 关注
  • 147 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信