現在、モールの設計図を示す画像 (赤は予約済みのエリア、白は利用可能なエリアを示します) が必要で、画像はラスター (JPEG) 形式で利用できます。
いくつかのアイコンを画像の使用可能な領域 (白) にドラッグ アンド ドロップします。上の画像にもズームインおよびズームアウト機能を提供する必要があります
JPEG には非可逆スケーリングがあるため、特定の制限を超えてズームすると、画像がギザギザになる可能性があります。提案されている解決策の 1 つは、画像を SVG (スケーラブル ベクター グラフィックス) に変換することです。
SVG の拡張形式を使用すると、画像は次のようになります。
s=>スケーラブル (つまり、品質を損なうことなく任意のレベルにズームできます)
v=>ベクトル化 (つまり、座標が利用可能)
そのため、画像の XML 形式を確認するだけで、オブジェクトのドロップを許可するかどうか、fill=redまたはfill=white画像内の 2 つの色が赤と白である場所を予測できます。これは適切な解決策ではないかもしれませんが、私はこのように推測しています
このアプローチで私が目にする問題は次のとおりです。
- オープン ソース ツール (InkSpace) を使用した画像の変換 - 内部の portace を使用して画像をトレースするインク スペースでトレースすると、白黒の色しか処理できません。
注-: ほとんどのツールにはライセンスが付属しています。
インクスペースの問題は、画像が SVG マップに埋め込まれ、座標が作成されないことです。インクスペースでなぞると、画像の輪郭だけが作成されます。
- オンライン ユーティリティで変換する - この場合はお勧めしませんが、SVG 画像のサイズが大きくなります。700 KB のファイルの場合、生成される SVG は約 39 MB で、ブラウザーで開くとブラウザーがクラッシュします。
ほとんどの場合、画像が SVG に変換されると、サイズが大きくなりすぎて心配する必要がなくなります。ファイルを圧縮するための Gzip のようなユーティリティがありますが、これは双方向のルートです。最初に変換し、次に圧縮します。
delinate(portace と autotrace エンジンを使用している) を使用すると、生成される画像の品質が良くありません。Java コードの使用 - ここでも品質が低下します。Java グラフィックは、変換を処理するために完全に開発されていません (サイズが大きすぎます)。
画像を PDF に変換してから SVG に変換する - これも画像を SVG ファイルに埋め込みますが、座標が利用できないため役に立ちません。
この状況に対処する方法について、誰かが何か考えを持っていますか?
ありがとうディシャント・アナンド