未塗装のストロークSVGオブジェクトをクリック可能にする組み込みの方法はありますか？

私はSVGエディタを作成していますが、これまでに作成したすべてのオブジェクトが塗りつぶされました。しかし、他のフィーチャを実装した後は、非表示のSVG要素がストロークを持つ場合でもクリックイベントイベントに応答しないことがわかりました。未塗装のストロークSVGオブジェクトをクリック可能にする組み込みの方法はありますか？

クリック可能にする別のイベントまたはCSS設定がありますか？あるいは、道に沿ってポイントを取得して自分で見つける必要がありますか？

私は多くのコードBTWにD3.jsを使用しています。あなたがpointer-events propertyは私が

pointer-events: visible;

を疑いたく

出典

2016-11-02 GeeWhizBang

は、あなたが探しているものです。

出典

2016-11-02 13:39:35

これをアプリのスタイルシートに追加しますか？ – GeeWhizBang

CSSのプロパティで、他のCSSプロパティと同じように使うことができます。 –

ポインタイベントのように見えます。スタイルシートでペイントされますが、エッジが非常に正確に表示されなければ理想的ではありません要素の私は、おそらく約3ピクセル幅のストローク幅で、ほぼ完全に透明な同一のオブジェクトでその上に塗りつぶされていない図面の要素をすべて複製する必要があります。私はそれが満たされていない場合、その内部でクリック可能なものを持っていることを望んでいません。 – GeeWhizBang

未塗装のストロークSVGオブジェクトをクリック可能にする組み込みの方法はありますか？

答えて

関連する問題