Raphael.js を使用して svg ファイルからマップを作成しようとしています。私の問題は、元のマップが非常に詳細であることです。イラストレーターでポイント数を減らさなければいけないと思うのですが、どこまで押し込めばいいのかわかりません。
大まかに言うと、svg ファイルの許容サイズはどれくらいですか? パスを抽出し、Raphael.js を使用してそれらを視覚化したら、地図にインタラクティブ性を追加するというアイデアです。
現時点では、約 300 ポリゴンと 17.000 ポイントを保持するファイルは約 180 kb です。
-ジェンス
最近似たような問題に遭遇しましたが、それは地図ではなく文字でした。SVGのソースコードを見ると、次のようになります...
M 0 0 L 1.29384945877 28.494585495 L 1.29384945877 28.494585495 ...
これらの余分な数字はすべて、必要のない正確さです。1 つまたは 2 つの小数点以下を使用しても、まったく同じに見えます。それらを取り除き、60〜70％の圧縮を達成しました。
正規表現の置換でそれらを削除できます。
提供するものを圧縮するように Web サーバーを設定した場合 (deflate が最も一般的なアルゴリズムです)、ファイルは当然のことながら圧縮され、SVG ファイルはデータ構造の繰り返しのおかげで簡単に圧縮されます。
それでも大きすぎる場合は、イラストの目的を検討してください。そこまで細かくする必要ある？