我在做一个简单的项目时遇到问题。我正在尝试使用 Raphael.js 进行一些 JavaScript、HTML5、SVG 绘图。当我尝试使用嵌入的 JavaScript 文件加载 HTML 页面时,我的浏览器中出现了一个空白页面。我检查了 Firebug 和 Chrome 开发人员工具,但我的脚本和 HTML 页面不断收到 304 Not Modified 错误。
我在 Mac OSX 上使用 MAMP 在本地服务器上运行这个项目。
这是我的 HTML:
<html>
<head>
<title>g.Raphael Practise</title>
<script type="text/javascript" src="raphael-min.js"></script>
<script type="text/javascript" src="g.pie-min.js"/></script>
<script type="text/javascript" src="myscript.js"></script>
<style type="text/css">
#canvas-container {
width: 500;
border: 1px solid #aaa;
}
</style>
</head>
<body>
<div id="canvas-container"></div>
</body>
</html>
这是“myscript.js”的内容:
window.onload = function() {
var paper = new Raphael(document.getElementById("canvas-container"), 500, 500);
paper.piechart(250, 250, 100, [55, 20, 13, 32, 5, 1, 2]);
}