javascript - Rafael.js 引用错误消息

Question

我有这个动画，请参阅: js fiddle example

当我尝试将其转换为 notepad++ .js 和 .html 文档时，我得到:

uncaught reference error: Raphael is not defined.

我应该做什么来修复它？我给出的引用为:

<script type = "text/JavaScript" src ="Raphael 2.1.0.js"> </script>

Answer 1

您没有正确地将 raphael.js javascript 文件包含到您的文档中。

将下面的代码添加到您的 .html 文件中，就在括起来 </body> 之前元素和任何其他与 raphael.js 库一起工作的 javascript。 (换句话说，js fiddle 窗口中的所有 javascript 都位于 script include 标记下方。)

<script type="text/javascript" src="path/to/raphael.js"></script>

// ... your raphael.js related javascript is located here ...

</body>

它在jsfiddle中运行的原因是你可以从页面左上角看到Raphael 2.1.0被选中，所以jsfiddle会自动将其包含到页面中。

因此，您应该将 raphael.js 文件下载到您的项目文件夹或使用外部 cdn url 来获取资源，例如 http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js (但请注意，如果位置发生变化，您的代码将停止工作。)

干杯。