腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(4929)
视频
沙龙
1
回答
如
何为
矩形
上
的
文本
添加
SVG
悬停
事件
?
svg
、
hover
我有一个包含
文本
的
多个
矩形
的
SVG
。当
悬停
在
矩形
上
时,我希望有一个小阴影。因为不能在rect元素中
添加
文本
,所以我将其
添加
到之后,这意味着
文本
实际
上
显示在
矩形
的
顶部,所以当我将鼠标
悬停
在
文本
上
时,阴影不会显示。 因为text在rect之后,所以我不能使用同级选择器。这是我想要
浏览 25
提问于2021-10-18
得票数 0
回答已采纳
2
回答
SVG
的
哪个指针
事件
值应该用于特定
的
scernario
javascript
、
html
、
css
、
svg
svg
中有两个带有in
的
矩形
-“蓝色”和“透明”。透明
的
反作用角在蓝色上方。>我将鼠标
悬停
在透明
矩形
上
的
事件
关联起来,以显示工具提示
文本
,即“透明”。现在,我有一个要求,当用户将鼠标放在透明
矩形
上
时,
事件
应该在透明
矩形
上
执行,但是当用户单击透明
矩形
和蓝色
矩形
之间
的</
浏览 0
提问于2020-12-15
得票数 0
1
回答
如何在可缩放
的
SVG
矩形
内显示
SVG
元素
的
工具提示?
css
、
d3.js
、
svg
我有一个“可缩放”
的
SVG
矩形
,其中包含一行较小
的
矩形
。我想要显示这些小
矩形
的
工具提示,但由于“可缩放”
矩形
的
以下代码,我无法将鼠标
悬停
在小
矩形
上
以显示工具提示: .attr("width", widthcall(d3.zoom() .sca
浏览 13
提问于2017-08-12
得票数 1
回答已采纳
1
回答
块d3 .transition(),直到另一个转换完成
javascript
、
d3.js
我有一个在d3中实现
的
悬停
效果,它选择一个
svg
中
的
几个
矩形
并更改它们
的
颜色: .duration(1000)我只想一次在一个
矩形
上操作这个效果。如果我快速地
悬停
在几个
矩形
上
是接近连续
的
,那么这个
浏览 1
提问于2014-04-07
得票数 0
回答已采纳
1
回答
点击和
悬停
后
的
箭头和
文本
d3.js
、
hover
、
interaction
我正在开始一个新项目,主要目的是学习一些基本
的
d3.js。这是我
的
玩具问题:我想画一个有几个
矩形
的
交互式流程图,当用户在其中一个
上
徘徊/点击时,我想用箭头指向场景中
的
其他
矩形
来显示依赖关系。我还想在其他地方显示一些
文本
,条件是这个用户操作。 以下是我
的
出发点,受到一些基本教程
的
启发:<!content"
浏览 3
提问于2017-08-04
得票数 1
2
回答
边框不是直接应用于
svg
元素,而是应用于它
的
子元素?
reactjs
、
typescript
、
svg
、
stackblitz
这是我
的
stackblitz/codepen:为什么要这样?OnMouseOver是为
svg
元素注册
的
,如下所示: return <
svg</e
浏览 0
提问于2018-07-11
得票数 0
回答已采纳
1
回答
在d3中可以有相互交互
的
分层
svg
元素吗?
javascript
、
svg
、
d3.js
我有一个条形图,基本
上
是一个导航元素,所以我需要在条形图上简单可预测
的
翻转行为。从本质
上
讲,我需要确保小
的
栏和大
的
栏一样容易点击,所以我把整个列变成了一个可点击
的
翻转栏。下面是我提到
的
行为
的
一个例子: 我曾尝试使用d3和
svg
来实现这一点,但发现很难管理
svg
元素和div(或
svg
元素和其他
svg
元素,老实说,我忘记了这是症结所在的确切性质)之间
的
z索引。但我记
浏览 0
提问于2012-01-14
得票数 1
回答已采纳
2
回答
矩形
上
的
文本
会取消
矩形
的
悬停
效果
css
、
svg
、
hover
我有几个带有
悬停
效果
的
svg
矩形
,当鼠标
悬停
在
矩形
上
时,
矩形
的
背景颜色会发生变化。
悬停
效果是通过css设置
的
: fill: rgb(255,128,0);除此之外,
文本
被放置在每个
矩形
的
上方。一对
文本
和
矩形
定义一个组。,但前提是光标不在
文本
<em
浏览 0
提问于2012-08-22
得票数 1
回答已采纳
3
回答
如何将单击
事件
分配给d3js中
的
每个
svg
元素
javascript
、
svg
、
d3.js
我在
svg
元素中
添加
了9个
矩形
。如何将单击
事件
添加
到每个
事件
中?", "black", "red", "green", "gray", "navy", "orange", "teal"]; var
svg
= main.append(&qu
浏览 2
提问于2014-08-04
得票数 3
回答已采纳
3
回答
在
悬停
时通过
SVG
元素显示
文本
javascript
、
html
、
css
、
svg
因此,我有一个简单
的
SVG
元素(复制如下),并希望在带有bar类
的
矩形
悬停
在其
上
时显示
文本
(当前在data-label属性中)。<
svg
width="511" height="15"> <rect fill="#555555" height="15" stroke="#000000" width="510"
浏览 45
提问于2017-01-21
得票数 11
回答已采纳
1
回答
d3可以将鼠标
悬停
事件
传递给下面的层吗?
d3.js
我在这里试着理解一些东西: 我有两个相叠
的
长方形。底部
的
矩形
正在侦听“mouseover”
事件
。这个
矩形
的
一半被另一个
矩形
覆盖。 将鼠标移到第一个
矩形
上
时,将触发mouseover
事件
。将鼠标移到顶部
的
第二个
矩形
上
时,不会触发鼠标
悬停
事件
。 有没有办法“告诉”第二个
矩形
“传递”鼠标
悬停
浏览 12
提问于2019-03-15
得票数 1
回答已采纳
1
回答
将javascript对象与
SVG
元素关联
javascript
、
html
、
dom
、
svg
、
d3.js
目标我
的
尝试 我只是将对象
添加
为
SVG
元素
的
一个新属性。我看得出来它是加起来
的
,好吧。然后使用d3
的
.on函数附加
事件
浏览 3
提问于2014-05-26
得票数 1
回答已采纳
7
回答
如何向
svg
图形
添加
工具提示?
javascript
、
svg
、
d3.js
、
tooltip
我有一系列
的
svg
矩形
(使用D3.js),我想在鼠标
悬停
时显示一条消息,该消息应该被一个作为背景
的
框所包围。它们应该彼此完全对齐,并且与
矩形
(在顶部和居中)完全对齐。做这件事最好
的
方法是什么?我尝试使用"x“、"y”、"width“和"height”属性
添加
一个
svg
文本
,然后
添加
一个
svg
rect。问题是,
文本
的
浏览 2
提问于2012-05-18
得票数 106
回答已采纳
2
回答
SVG
矩形
的
单击
事件
jquery
、
svg
我在我
的
Mvc应用程序中同时使用了
SVG
和jQuery。我在页面上画了一系列
矩形
,我想要做
的
是为每个
矩形
附加一个单击或鼠标
悬停
事件
,比如弹出一个警告框。;但遗憾
的
是,这些
事件
都没有真正对此控件起作用。有人知道怎么做吗?编辑:<script type="text/javascript">
浏览 0
提问于2010-10-30
得票数 15
回答已采纳
2
回答
SVG
事件
传播
html
、
svg
我有两个
SVG
矩形
,其中一个逻辑
上
在x和y位置上位于另一个之上。现在,当您将鼠标
悬停
在顶部
的
rect
上
时,我希望它下面的rect成为
事件
的
目标。但是如果我在上面的
矩形
上
按下鼠标,我希望它成为目标。这种基于
事件
类型
的
不同功能使得css
的
“指针
事件
”属性对我来说没有用处。 我如何才能做到这一点呢?
浏览 0
提问于2010-09-30
得票数 0
回答已采纳
1
回答
将鼠标
事件
分配给
svg
: d3.js中
的
文本
javascript
、
svg
、
d3.js
我正在尝试获取
svg
:text元素
的
鼠标
事件
。我注意到
的
是,.on("click", ...)可以工作,但其他
事件
,
如
"mouseover"、"mousemove"和"mouseout"不能工作。查看示例,我发现所采取
的
方法是将
文本
与不可见
的
svg
:rect覆盖起来,并将
事件
分配给它。这是好
的
,如果有一
浏览 1
提问于2012-08-03
得票数 4
回答已采纳
1
回答
将指针
事件
限制为
SVG
文本
填充
javascript
、
css
、
svg
、
d3.js
、
data-visualization
我需要将
SVG
元素中
的
指针
事件
限制为仅填充
文本
。我不希望当用户在
文本
周围
的
矩形
中时触发指针
事件
,而只在光标实际位于字符内部时触发。
SVG
指针
事件
"fill“应该可以工作,但由于某些原因,它不能工作。在下面的示例中(jsfiddle here:),当光标位于单词之间时,指针
事件
被激活。我希望指针
事件
仅在鼠标直接位于字符填充
的
顶部时触发:<
浏览 1
提问于2015-03-20
得票数 0
2
回答
如何在D3可视化
的
文本
元素中包含链接?
javascript
、
svg
、
d3.js
我试图
添加
一个链接到这个D3可视化
的
文本
元素: nodeEnter.append("
svg
:text") .attrd.nam
浏览 6
提问于2012-12-05
得票数 4
回答已采纳
1
回答
d3.js中
的
转换挂起
javascript
、
d3.js
我在d3.js (fiddle)中
的
一个简单动画中遇到了问题 我
的
目标是当鼠标
悬停
在红色方块
上
时,圆圈向下移动50个像素。 当光标
悬停
在红色方块右上角/左上角
的
圆上方时,圆将平滑过渡。但是,当我
的
光标
悬停
在红色正方形左下角
的
圆圈内或圆圈下方时,圆圈要么停止移动,要么根本不移动。 我想这与我
的
动画功能有关。下面是一段代码: const
svg
= d3.select('
浏览 33
提问于2020-12-29
得票数 1
回答已采纳
1
回答
查找鼠标指针相对于
svg
元素
的
位置
javascript
、
html
、
svg
、
onmouseover
、
onmouseout
<
svg
height="300px" width="600px" xmlns="http://www.w3.org/2000/
svg
"> <text style="stroke: rgb(0, 0, 0);stroke-width: 1;" x="390&
浏览 0
提问于2013-04-15
得票数 3
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Canvs的js库:Fabric.js简单强大,用于绘制各种图形。
聊一聊Axure的基本元件
CSS基础(九)-viewBox(svg
编写 SVG 的指南
Canvas的js库:Konva.js-像操作DOM一样,操作canvas
热门
标签
更多标签
活动推荐
运营活动
广告
关闭
领券