我可以用透明的矩形元素在SVG中包装路径吗？我想将整个SVG图像制作成可点击的链接

Question

我基本上有一个SVG徽标，有很多透明空间，我想把整个东西链接到另一个页面。如果它是一个alpha PNG，我只需将整个事物包裹在＆lt; a＆gt;中。并完成它，但当我包装所有＆lt;路径＆gt;没有透明区域被链接。

<svg width="100px" height="52px" enable-background="new 0 0 750.72 391.873">
<a xlink:href="http://www.mysite.com" id="anchor">
  <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="..."/>
  <path fill-rule="evenodd" clip-rule="evenodd" fill="#FFFFFF" d="..."/>
</a>
</svg>

Answer 1

创建一个不可见的rect（visibility =“hidden”）填充视口，然后在其上设置pointer-events =“all”以捕获所有鼠标点击。

或者，如果您从SVG中取出链接并将其作为独立文件，则可以通过<img>标记将其包含在应该去的位置，然后使用{{<img>标记包装它1}}标签。