0

構文エラーがあると思いますが、すべてを試しましたが、これを理解できません。Raphael Javascript ベクトル グラフィックス ライブラリを使用して、170、170 から 150、150 に黒い線を引こうとしていますが、何も表示されません。誰でも理由がわかりますか？

<html>
    <head>
        <script src="raphael.js"></script>
        <script src="jquery-1.7.2.js"></script>
    </head>
    <body>
        <div id="sample-2" style=" background-color:blue; width:500px;"></div>
        <script type="text/javascript">
            var paper = Raphael("sample-2", 900, 500);
            //var curvePath = paper.path("M100,100 L400,400 C500,400 500,100 400,100");
            //curvePath.attr({fill:"blue", stroke:"black"});

            //var circle = paper.circle(175, 175, 50);
            var newpath = paper.path({type:"path", path:"M170, 170 L150, 150", stroke:"black"});
            //circle.attr({"fill": "orange"});
            //circle.attr({"stroke": "black"});
        </script>
    </body>
</html>​
4

1 に答える 1

2

Paper.path()コンストラクタを誤用しています。パス文字列を表す単一の文字列引数で呼び出します。

var newpath = paper.path("M170, 170 L150, 150");

ストロークの色、塗りつぶし、フォントなどのパスの属性を変更したい場合はattr()、次のようにメソッドを使用します。

newpath.attr({
    'stroke' : 'black',
    'stroke-width' : 3
});

ラファエル参照:

于 2012-07-19T13:50:28.297 に答える