svg - SVG パスの計算

Question

非常に複雑なイメージ マップ (150 ピース以上で構成) があり、マップ内の座標を SVG パス標準形式に変換したいと考えています。

イメージマップhttp://raphaeljs.com/australia.htmlの代わりに以下を使用したい理由です。しかし、座標を SVG パス標準形式にする必要があります。

画像マップを SVG 座標に変換するにはどうすればよいですか?

乾杯アンソニー

Answer 1

HTML イメージ マップについて話していると仮定しますか? SVG パス マークアップは、HTML イメージマップで指定したものと非常によく似ています。あなたが持っているとしましょう：

<area shape="poly" alt="" coords="0,0,115,0,115,23,92,60,92,111,0,111" />

パスマークアップで同じことは次のようになります

M 0,0,115,0,115,23,92,60,92,111,0,111 Z

大文字の M は、startPoint が絶対値であることを示します。リンクした例は、スペースなしでポイントをハイフンで区切っているように見えます。だから、あなたは次のようなものを試すかもしれません

M0,0-115,0-115,23-92,60-92,111-0,111Z