自定义SVG签名在CODEPEN上有效，但在本地机器上无效-这是怎么回事

Custom SVG signature works on CODEPEN but not on local machine- what is wrong?

本文关键字：无效 机器 怎么回事 SVG CODEPEN 自定义 有效      更新时间：2023-10-08

我试图从codepen复制以下代码http://codepen.io/ghepting/pen/xnezB尝试在本地主机上运行它。在代码笔中，您可以看到签名已设置动画。然而，在我的本地机器上，它只是完整地打印出签名，根本没有动画。知道为什么吗？

我在本地主机index.html上有三个文件（包含SVG代码）.js.js、style.css（下面的代码）。我也尝试过使用MAMP，看看它是否可行，但仍然只是打印出名称而不设置动画。以下是我的签名导入其他两个文件的方式：<head> <link rel="stylesheet" type="text/css" href="style.css"> </head><body><script src="js.js"></script> <div class="container"> <div class="signature"> SVG CODE </div></div></body>

你知道问题出在哪里吗？非常感谢。

您缺少jQuery，它是javascript的依赖项。在您的另一个JS文件上方添加脚本：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

您还应该最后加载JS，这样您的最终结构将类似于：

<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <div class="container"> <div class="signature"> SVG CODE </div></div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <script src="js.js"></script>
</body>

似乎有两个问题：

1） 缺少jQuery，它是javascript <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 的依赖项

2） 在从codepen复制javascript时，它在编译coffeescript时添加了一些附加检查。所以只要使用http://js2.coffee/以便将coffeescript转换为javascript预览，然后可以在代码中使用该预览。

在修复了这两件事之后，代码对我来说非常有效。感谢@Guy的帮助

相关文章：