HTML SVG および PATH タグを使用してベジエ曲線を描画できるように、いくつかの HTML を作成しています。私の曲線は本当に素晴らしく、ユーザーがマウスを曲線の上に置くと色が変わる機能を追加したいと考えています。ただし、SVG はパスを含む大きなボックスを作成し、すべてのクリックをキャッチします。パスが存在しない領域であっても、基本的にその下のすべてをブロックしています。パスが左下隅から右上隅に移動し、誰かが左上隅をクリックすると想像してください (ここは空ですが、ボタンがあります)。そのクリックは通りません。
CSS では、pointer-events: none; を追加できることに気付きました。これにより、SVG を完全にクリックすることができますが、SVG は完全に無効になります。
問題は、パス (ストローク幅が大きい) を取得してクリックをキャッチし、パスが存在しない領域でクリックが通過できるようにする方法はありますか?
mj