私が現在行っているプロジェクトでは、インタラクティブなキャンバス要素を実装する必要があります。いくつかのサブエリアに分割されたキャンバス上に形状があります。ユーザーはそこからサブエリアを選択し、選択したエリアに異なる色を適用できる必要があります。[これらのエリアは正方形や円ではなく、カスタム パスです]
これには、私が達成したいことに似たものが含まれています。kinetic.js を使用しています。これは、Kinetic.path() メソッドを使用して世界地図を描画する方法を示しています - 各国のベクター文字列を使用しています。
足の形/またはその他の形に似たものを達成するために、私をラインに乗せてください. 必要な形状を描画するには、このベクトル文字列をどのように取得すればよいですか?
これが最善の方法ですか？
このファイル ( http://raphaeljs.com/world/world.js ) には、世界地図のベクトル文字列が含まれています。彼らがどのようにそれを生成したのかわかりません。そこに興味があります。
画像からベクトル文字列を生成する方法はありますか?