1回答
我正在使用React Native与世博会，我有4个SVG元素，我需要它们是可点击的。有了这段代码，我就可以单击SVG元素了，但奇怪的是，当我尝试单击另一个元素时，单击仍然会触发我最后单击的元素的事件。我所需要的就是单击这些SVG元素，以便切换到新的路由。 有什么想法吗？ 我使用的是expo中的SVG。session_id=snack-session-_9YKofW2Y工作 我看到的是，如果我<em
浏览 37提问于2019-02-15得票数 2
2回答
我正在制作一个react应用程序，在我的组件中有一些SVG图标。例如，我有一个SearchBar组件，它包含input元素和一个带有搜索图标的按钮。通过从一个sprite文件中相应地设置xlinkHref属性，我对所有的SVG图标都使用了inline SVG。
一切似乎都很正常，除了当我点击SVG图标时，它们会随机消失。包含图标的按钮元素不会消失，只会消失SVG图标。我检查了devtools上的DO
浏览 3提问于2018-06-09得票数 13
3回答
我正在开发一个反应应用程序使用一堆SVG图像/图标。他们没有可见的文本，但我想显示一些工具提示在悬停。一个可访问的SVG元素/组件应该有哪些attributes和sub-elements？
浏览 9提问于2022-06-13得票数 1
3回答
基本上，我的HTML页面上有几个.svg图片放在<img>标签中，如下所示：在CSS中使用pointer-events: visible;或pointer-events: painted;似乎是可能的，但我不能让它像那样工作。图像仍然接收点
浏览 1提问于2014-03-18得票数 5
回答已采纳
3回答
下面是HTML元素：
<button data-component-id="nokia-react-components-iconbutton" tabindex="0" class="ActionComponentbiWRLS NSPAppBanner__HelpButton-sc-761pc0-3 dvtRqt" mode="dark" type="button" xpath="1"></button>
浏览 16提问于2022-06-30得票数 -1
回答已采纳
3回答
我有一个带有SVG文本元素的地图来命名这些位置。我希望位置(形状)是可单击的，但因为文本元素在它们的顶部，所以如果有人将鼠标悬停在文本元素上并单击，则不会发生任何事情，因为形状没有被单击:文本元素是。我如何才能使它在文本元素被点击时，点击“通过”它并到达形状？
浏览 1提问于2012-10-16得票数 29
回答已采纳
我在react中渲染一个画布组件，它返回一个<rect>元素的列表，我试图实现的是只改变被点击的<rect>的颜色，然而在我的代码中，每当我点击其中一个元素时，元素的完整列表被更新，我如何才能只更新被点击的<rect>元素呢？下面是我的代码： import { useState } from "react";
import styles fro
浏览 31提问于2021-09-18得票数 1
回答已采纳
我正在通过foreignobject将HTML嵌入到SVG中var SvgWithForeignObject = React.createClass({ return( <foreignobject><div>Hello From SVG</div></foreignobject>
</svg/
浏览 2提问于2016-09-15得票数 8
回答已采纳
1回答
通过引用https://jqueryui.com/draggable/，我能够在父元素(例如div)中实现拖放功能。然而，我需要的是让这个可拖动的特性在多边形元素(如SVG多边形)中工作。我一直在搜索网络，但是有一些例子说明了如何使svg多边形可拖动，而不是“如何在多边形父对象(div)内包含拖放功能”。 任何想法/指针都会很有帮助
浏览 33提问于2019-03-07得票数 0
2回答
我将svg图像嵌入到html文件的元素中。当用户单击对象/图像时，我希望有一个放大图像的单击事件。我的功能正常工作，但是我不能让object元素捕捉click事件。唯一有效的时候是当我有另一个元素包装对象，它有一个图像标题或类似的东西。然后，如果我将事件放在那里，则带有标题的周围区域是可点击的。但并不是所有的图片都有这样的区域，这仍然是一个麻烦，因为它让你很难知道应该点击哪里。
所以我的问题是:如何使object元素
浏览 1提问于2012-01-11得票数 0
3回答
通过这个example，我试图使html页面的非悬停元素变暗(即降低不透明度)。 下面的代码仅适用于不重叠的元素。但是，如果页面包含一个在背景中重叠的元素，并且我不希望在悬停时对其产生任何影响(例如下面的绿色方块)，那么当光标仍然停留在背景形状上时，感兴趣的“可悬停”元素(例如下面的红色圆圈和蓝色矩形)会变暗。红色圆圈：“可悬停”(即悬停时使所有其他元素变暗，即蓝色矩形和绿色正方形
浏览 17提问于2021-01-15得票数 2
回答已采纳
我试图让一个SVG元素在里面是可拖动的，但是PanResponder没有考虑到SVG的viewBox，导致被拖拽的元素没有跟随屏幕周围的触摸。当我切换到只使用触摸事件的X和Y值时，我尝试使用我在svgwg.org上找到的公式将触摸事件X和Y转换为SVG坐标。100%高度的SVG中渲染时，我在iPad上强制使用横向，我允许他们缩放正在使用的SVG，以更清晰地查看细节。如果他们放大到<
浏览 22提问于2019-06-06得票数 2
1回答
角1.6 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg">
如果没有角度，它的工作，简单地封装它像这样的<a href="http://example.com"><svg
浏览 3提问于2017-02-02得票数 2
回答已采纳
我想要识别div元素外部的点击，并根据它关闭下拉菜单。但是，单击div元素内的svg元素(包含input元素和svg)会将其标识为在div元素外单击。不确定如何解决它。我有一个表单输入元素。在这里面，我有一个带有上下svgs的dropdown输入。因此，当我向下单击svg时，它会将其标识为文档单击。class Parent extends React.PureCo
浏览 0提问于2019-08-27得票数 6
我正在编写一个React图形箭头组件库。我希望允许用户通过事件与组件交互，例如，定义单击的事件处理程序(在箭头的身体或头部)。先看这个问题的演示：那么问题出在哪里呢？
简而言之，标记元素中定义的事件处理程序不会触发，因此用户无法与箭头的头部进行交互。这个特性在SVG2的新草案中是可用的(参见positioned markers ) --但是大多数浏览器还没有植入它，所
浏览 0提问于2020-05-21得票数 1
1回答
右边的地图上有可点击的HTML元素。在.svg制作的地图中，点击一个区域会在右边引起某种反应。所有内容都必须包含在.container中(等于整个页面)。我应用了地图，我想要的元素在上面，这是很酷的。但是svg对象实际上变得不可用了，因为它隐藏在右侧的这些叠加元素之下。只有在z-index: -9上添加.test-box才能消除问题，但是右边的元素却隐藏起来了。
如何正确地修复此问
浏览 4提问于2022-02-17得票数 0
1回答
如何处理重叠svg元素上的单击事件？我正在使用Reaphael.js库。 stroke: false .mousedown(function(){alert(&
浏览 1提问于2013-09-16得票数 5
目前，如果我在svg中使用xlinkHref，当我单击元素时，它会打开链接，但会导致刷新整个页面。当在svg之外(使用href)时，它将打开链接而不刷新整个页面。代码示例： return ( <svg<
浏览 1提问于2016-08-25得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
