Raphaelキャンバスに変換されたsvg objを追加します。

Question

私はレイヤーを含むWebアプリケーションを構築しています。私は多くのイメージを持っているので、私はSVGを使うことに決めました。 Raphael Objを作成するthis siteが見つかりました。オブジェクトを作成した後、私は自分の論文に追加します：

var treesLayer=[0,0,3492,768, 
{"type":"path","stroke":"none","path":"M680.647,191.686c18.363-24.107,13.71-5... 

オブジェクトが長すぎるため、オブジェクトの一部だけです。

ラファエルが新しいキャンバスペーパーを作成し、そこに要素を描画する関数を知っています。 私はそれが私のD & Dが台無しにされた理由だと思います。私は紙に新しい要素を追加するためのより良い方法は見つけられませんでした。変換されたSVG要素をRaphael紙に追加する方法を知っている方は、私はあなたの助けに感謝します。 ありがとう、

Answer 1

少し錆びていますが、私はあなたが少し離れているかもしれないと思います。パラメータはRaphael（何か）に実際にdivを反映する必要があります。それはセットアップだたら、私たちはあなたのtreesLayer変数が存在すると仮定します

var paper = Raphael("my_paper");

：

var trees = paper.path(treesLayer.path);

それはそうなのです

<div id="my_paper" style="width:400px; height:300px"></div>

は、このdiv要素を使用すると、RaphaelJSを初期化しますあなたのパスは本来1000-ishピクセルなので、サイズを変更する必要がありますそれに応じて。