0

我正在通过本教程学习 Raphael.js：http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/但我在路径上被阻止了（第 4 节）。这是我的测试代码：

<html>  
    <head>  
        <title>Raphael Play</title>  
        <script type="text/javascript" src="js/raphael-min.js"></script>  
        <script type="text/javascript">
window.onload = function() {  
    var paper = new Raphael(document.getElementById('canvas_container'), 500, 500);  
    var tetronimo = paper.path("M 250 250 l 0 -50 l -50 0 l 0 -50 l -50 0 l 0 50 l -50 0 l 0 50 z");  
}
        </script>  
        <style type="text/css">  
            #canvas_container {  
                width: 500px;  
                border: 1px solid #aaa;  
            }  
        </style>  
    </head>  
    <body>  
        <div id="canvas_container"></div>  
    </body>  
</html>

由于某种原因，路径出现空：

<svg height="500" version="1.1" width="500" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative;">
    <desc>Created with Raphaël 2.1.0</desc>
    <defs/>
    <path style="" fill="none" stroke="#000000" d=""/>
</svg>

我什至尝试在 d="" 参数中放置一条手工制作的路径，但不行。在 OSX 上在 FF 和 Chrome 中测试。

谢谢你的帮助。

4

1 回答 1

1

奇怪的是，当我将您的代码直接粘贴到我桌面上的新 .html 文件中，并将<script>Raphael 库的 src 替换为CloudFlare 上的公共版本时，它工作正常：我看到了俄罗斯方块。

    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>

也许你当地的拉斐尔副本有问题？它仍在设法制作一个<svg>元素，很难知道。

于 2013-05-21T00:06:34.833 回答