ウェブページにパスを描く最善の方法

Question

私はインドのベクトルマップを持っています。私が何を意味するのか知っていれば、私は "Indiana Jones-esque"スタイルで旅行パスを描く必要があります。

各行はポイントツーポイントで拡張する必要があります。

現時点では、Rapheal.jsを使用して描画していますが、Photoshopですべてのピクセル位置を見つけてraphael描画メソッドに書き込むことは面倒です。

私は銀色を使うことができましたが、多くの人がそれをインストールしておらず、普及していないようです。

私はフラッシュを使うことができましたが、それはiPhoneと互換性がありません。

ウェブページにこれらの行を表示するにはどうすればよいでしょうか？

Answer 1

Adob​​e IllustratorまたはFlashを使用してイメージファイルを作成し、Webサイトに配置します。

Illustratorの場合は、背景レイヤーにマップを配置し、フォアグラウンドレイヤーにマップのポイントとそれらを結ぶラインを配置します。その後、PNGまたはJPG形式で書き出し、画像としてWebサイトに貼り付けます。

Flashの場合は、タイムラインを使用して同じプロセスを実行し、ポイントとラインを別々のレイヤーにします。次に、ファイル - >書き出し - >書き出しイメージを使用してください。 。 。を選択し、PNGまたはJPGファイルタイプを選択して、画像としてウェブサイトに配置します。

無料のベクター画像プログラム（パスを描画してスタイルを設定するプログラム）については、Inkscapeを試してみてください。