标记选定的 svg / gfx 元素

Posted

技术标签:

【中文标题】标记选定的 svg / gfx 元素【英文标题】:Mark selected svg / gfx elements 【发布时间】:2015-09-01 23:41:33 【问题描述】:

我发现在 svg/gfx 中你不能为子元素设置边框和填充等。

那么是否有替代方案(svg/gfx 方式用于边框/填充...)?

我想这样当用户单击<image>(或其他节点类型)时,他会以某种方式看到选择了哪个元素。我以为边框会起作用,但显然我错了。

【问题讨论】:

【参考方案1】:

用高亮颜色的笔触和无填充绘制一个矩形。选择元素时使其可见,并将其调整为所选元素的大小。您可以通过在其上调用getBBox() 函数来获取元素的尺寸。

【讨论】:

以上是关于标记选定的 svg / gfx 元素的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 JavaScript 在 <object> 标记内选择 SVG 元素?

Snap.svg 未能为 <use> 标记元素进行 .transform()

如何更改 viewBox 以使 svg 中的元素居中

Notes:SVG

当我在 SVG 中将鼠标悬停时,如何显示和隐藏同级元素?

将背景过滤器应用于 svg 路径元素