如何在 SVG 上添加链接

Posted

技术标签:

【中文标题】如何在 SVG 上添加链接【英文标题】:How to add link on SVG 【发布时间】:2021-12-24 19:49:56 【问题描述】:

如果使用了 img 标签(html、svg、开发),为什么 SVG 文件中的链接会停止工作? 如何添加标签中包含的链接 SVG? puzzle

在这个拼图中,当我在拼图上移动鼠标时,它会来回结结巴巴。

链接不能正常工作。

【问题讨论】:

也许添加一些代码?这会让问题更清楚。 请阅读SVG's <a> element 【参考方案1】:

例如

<a href="https://***.com/"><svg  >
  <circle cx="50" cy="50" r="40" stroke="green" stroke- fill="yellow" />
</svg></a>

【讨论】:

我认为你可以解决这个问题。

以上是关于如何在 SVG 上添加链接的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Sencha Touch 的 Google Map 上的 svg 上添加触摸和按住事件

如何在 :before 元素的伪元素上添加 svg 作为内容? [复制]

如何在 Raphael (SVG) 中向路径添加点

如何在相应的滚动上获得虚线(带有向下箭头图标)SVG动画?

如何使用 D3.js 将图像添加到 svg 容器

如何在一个居中的背景上使用多个 SVG