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文件包含在您的文档中。

在封装</body>元素和任何其他正在使用raphael.js库的javascript之前，将以下代码添加到.html文件中。 （换句话说，js小提琴窗口中的所有javascript都在脚本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文件下载到项目文件夹或使用extranal cdn url作为资源，例如http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js（但请注意，如果位置更改，您的代码将停止工作。）

干杯。