Question

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

我的本地主机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>

知道可能是什么问题吗？谢谢！

Answer 1

你缺少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>

Answer 2

似乎有两个问题：

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的帮助

自定义SVG签名适用于CODEPEN但不适用于本地机器 - 出了什么问题？

2 个答案: