我正在创建 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 > this.time.total
,然后一些语义不明确的代码美化程序在&
和之间添加了一个空格gt;
。
我想您现在了解如何使脚本在<svg><script>
.
添加回答
举报
0/150
提交
取消