2

私はイラストレーターでいくつかのイラストを作成し、SVGコードを取得し、raphael.jsを使用して画面に描画し、後でアニメーション化してインタラクティブ機能を追加しています。単純な形やパスに関しては、それはすべて良いことです。Path()、ellipse()、rec()は問題なく機能します。<line>しかし、x1、y1、x2、y2を提供する要素を見ると、SVGXMLファイルにインスタンスがあります。これをラファエルにどのようにかみ合わせて画面に描画するのかわかりません。

何か案は?

4

1 に答える 1

3

Raphael では、行をパスに変換する必要があります。これは非常に簡単です...

paper.path( [ "M", x1, y1, "L", x2, y2 ] );

または、値をハードコードしたいだけの場合:

paper.path("M 10,10 L 30,30");
于 2012-10-31T03:55:34.120 に答える