キャンバス要素にベクトルを描画する：ベクトル文字列を生成する方法

Question

プロジェクトの場合、私は現在やっていることをやっています。インタラクティブキャンバス要素を実装する必要があります。 サブエリア数に分割されているキャンバス上には形があります。 ユーザーはそれからサブエリアを選択し、選択した領域に異なる色を適用できます。[これらの領域は正方形や円ではありませんが、カスタムパス]

これは私が達成したいのか類似したものを含むいくつかのことが含まれています。 Kinetic.jsを使用しています。 kinetic.path（）メソッド - 各国のベクトル文字列を使用して、世界地図を描画する方法を示しています。

足の形状/またはその他の形状に似たものを達成するために私を並んでいってください。必要な形状を描くためにこのベクトル文字列を取得するにはどうすればいいですか？

これはそれをするのに最適な方法ですか？

このファイル（ http://raphaeljs.com/world/world.js ）世界地図のためのベクトル文字列。私は彼らがどのように生成したかわからない。それは私が興味のある場所です。

写真からベクトル文字列を生成する方法はありますか？

Answer 1

SVGエディタを使用する（たとえば、このオンラインSVGエディタ）。その後、写真をインポートして、パスを使用してあなたの写真の要素を後退させます。