最近、SVG画像をHTML内に直接記述するインラインSVGに凝っていまして、色々と試しているんですけど、そこで気になることがありました。 インラインSVGの場合、リンクを貼ると全てクリッカブル(描画領域のみリンク領域になる)になってしまうんですよね。クリッカブルにできるところがSVGの特徴のひとつっていうのは分かるんですけど、クリッカブルになってほしくない時もあって、地味に困ってしまいました。 どうやったらクリッカブルにならないか色々とやってみたので、記録として残しておきたいと思います(そういう画像はPNGにしたり、imgやobject要素でやればいいわけですけど、インラインでやりたいときもあるのです)。 なお、勉強中ということもあり、あくまでも検証した結果で、正式には間違っている可能性もあって、その際はやさしく教えてください。 インラインSVGでクリッカブルにしたくない時 例えば、細い線
![インラインSVGでリンクをクリッカブルにならないようにするには? | UNORTHODOX WORKBOOK | Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/b1ecdb20dcc7b782e9813de36bb20ec486c4f6c3/height=288;version=1;width=512/https%3A%2F%2Ftheorthodoxworks.com%2Fwordpress%2Fwp-content%2Fuploads%2F2014%2F09%2Finline-svg-display-block.jpg)