1

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

}
4

1 回答 1

0

来自g.raphaeljs的文档:

raphael.jsg.raphael.js任何(或全部)g.line.jsg.bar.jsg.dot.jsg.pie.js包含到您的 HTML 页面中

您当前的代码并没有真正显示一个空白页面,但您还必须包含 gRaphaël 基本脚本才能使其工作:

    <script type="text/javascript" src="raphael-min.js"></script>
    <script type="text/javascript" src="g.raphael-min.js"/></script>
    <script type="text/javascript" src="g.pie-min.js"/></script>
    <script type="text/javascript" src="myscript.js"></script>
于 2013-06-29T14:20:08.100 回答