Question

我正在处理一个我正在做的简单项目的问题。我正在尝试使用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]);

}

Answer 1

来自docs of g.raphaeljs：

包括raphael.js， g.raphael.js和任何（或所有）g.line.js，g.bar.js，g.dot.js和{{1}进入你的HTML页面

Your current code并未显示空白页面，但您必须include the gRaphaël basic script as well才能使其正常工作：

g.pie.js

JavaScript 304 Not Modified问题

1 个答案: