svg - react 与 SVG : How do I make <path> support onClick?

标签 svg onclick reactjs

这就是 React SVG 目前支持的:http://facebook.github.io/react/docs/tags-and-attributes.html#svg-attributes

我正在尝试弄清楚如何使我使用 SVG 路径绘制的形状可点击。 如果有另一种方法来绘制可点击的形状,那也是可行的。

谢谢!

最佳答案

这对我有用。

svg {
    pointer-events: none;
}

path{
    pointer-events: auto;
}

然后我们可以在路径上添加点击事件。工作了!!谢谢

关于svg - react 与 SVG : How do I make <path> support onClick?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33878115/

相关文章:

html - 带有 SVG 标志的 CSS 三 Angular 形剪辑路径未在平板电脑/iPad 中显示

javascript - jQuery - 启用/禁用复选框状态后的按钮

javascript - TypeError : _this2. handleClick 不是 ReactJS 中的函数

javascript - 重叠头像 : convert SCSS to CSS and PUG to HTML

svg - vue svg 路径与 v-for

twitter-bootstrap - 带有 D3 的美国热图在 IE 中大小不正确

android - 在按钮的 android 选择器中使用 SVG

java - 查找在 ListView 中单击了哪一行

android - 将按钮添加到 SlidingDrawer 句柄?

javascript - 在 Redux-React Native 中使用 reducers 时导入/导出