Illustratorで作ったクリッカブルマップのクリック範囲をアイコン上に限定したいです

Question

はじめまして

SVGで書き出したクリッカブルマップをHTMLで書き出し、webで公開しようと思って作業していた所、
行き詰まってしまった為、協力していただきたいです。よろしくおねがいします。

以下の画像はIllustratorの作業をスクリーンショットしたものです。
現状ではこのように元画像で透過されている緑の四角の範囲までクリックの範囲になってしまうのですが。

これを赤線で書いたようなエビフライの部分だけがクリックの範囲になるようにしたいのですが可能でしょうか？

回答お待ちしています。

Comments

[m.ts10806]

この質問の仕方だと「可能です」とだけの回答となります。
そもそもの現在のご自身の実装や調べたこと試したこともなしにできるアドバイスはほとんどないのでは。

[ootaki55]

やり方を教えていただきたいです

[m.ts10806]

そもそもの現在のご自身の実装や調べたこと試したこともなしにできるアドバイスはほとんどないのでは。

それに実装わからない状態だと「マッピングの点を細かく打ってその形に近づける」くらいですかね。結局多角形の延長。四角ができたならできる。時間がかかって面倒なだけで、できる。

[ootaki55]

なるほどわかりました！ありがとうございます！

[m.ts10806]

質問は編集できます。