如何实现点击SVG内坐标定位的链接资源在iframe中打开？

首先给页面中用于加载目标图片的iframe设置name属性，属性值可以自定义，示例如下：

<iframe name="svg-link-target" width="800" height="600" frameborder="0"></iframe>

之后修改SVG内的<a>标签，新增target属性，属性值和上方iframe的name属性值保持一致即可，修改后的SVG代码如下：

<a xlink:href="svg/agenda.jpg" target="svg-link-target">
  <rect id="agenda" class="cls-2" x="911.09" y="102.61" width="91.5" height="30"/>
</a>

• 不要用<img>标签嵌入你的SVG文件，img标签会默认禁用SVG内的所有交互逻辑，链接点击不会生效，建议用内联SVG、<object>或者<embed>标签嵌入SVG到页面中。
• 如果你使用的是较新的SVG标准，xlink:href可以替换为原生的href属性，主流浏览器兼容性不受影响。

内容的提问来源于stack exchange，提问作者taynan