2016-10-20 10 views
0

私はいくつかの地理データを扱い、lat、lon、elevationからsvgパスを作成しています。svgで回転可能な3Dパスを作成する

私は緯度/経度と仰角を表示する2つのsvgパスを持っています。

私がしようとしているのは、2次元のプロファイルから2次元のオーバーヘッドと2つのオーバーヘッドに移動するために、ねじれ、回転、変形ができる3Dパスを作成することです。

私は2つの作業経路と、x、y、z軸を含む3dでの私の試みを示すコードペンをセットアップしました。私はsvgのパスでz軸を提供することが許されているが、それはショットの価値があると思っていたと言うものは見つけられないようです。パスラインの間

http://codepen.io/anon/pen/NRZNXW

違いは

ある
<path d="Mx,y lat,lon"> 
<path d="Mi,z index,elevation"> 
<path d="Mx,y,z lat,lon,elevation"> 

私はSVGでやろうとしていますが、可能であれば誰もが知っていますか?なぜ私は第3の道で奇妙な行動を見せているのですか?

答えて

1

SVGは2D画像形式です。 3Dパスは作成できません。

+0

このhttps://github.com/kovacsv/JSModeler/wiki/SVG-To-3D-Tutorialのおかげで、あなたはできます。 – Ionut

+0

これは少し違います。そのコードは2DデータのソースとしてSVGを使用しており、3Dデータに変換してCanvasでレンダリングします。 –