有没有办法在 IOS 上使用 SVG 中的锚链接？答案

【问题标题】：Is there a way to use anchor links in SVG on IOS?有没有办法在 IOS 上使用 SVG 中的锚链接？
【发布时间】：2019-11-19 20:20:58
【问题描述】：

我有一个美国各州的 SVG，需要锚链接来滚动到下面页面上的州信息。锚点在桌面和安卓上工作正常，但在 IOS 上不行。单击时状态变为悬停颜色且未链接，悬停颜色保持不变。

我发现了一些使用 xlink:href 的建议，但它已被贬低。我确实尝试过它是否有效，但没有。我也尝试了一些提供 jquery 代码的建议，但它不起作用，并且还停止了在桌面上工作的链接。

SVG 设置了 href 包裹每个路径，如下所示：

    <svg viewbox="0 0 959 593"> <a href="#ak"> <path id="AK" ..."> 
    <title>Alaska</title></path></a>

（我已经删除了路径的长字符串）

这里是地图页面的链接。锚链接适用于桌面和 android 而不是 IOS：

我之前从未在这里发帖，如果信息不足，我深表歉意。

【问题讨论】：

请添加 SVG 示例以及您的最终期望。
谢谢，我已将带有地图示例的 URL 添加到原始帖子中。
您需要为 Mac OS 提供 Safari 支持。立即尝试<a xlink:href="#ak">
您好，感谢您的回复。我阅读了 xlink:href 已贬值，但这是我尝试过的建议之一。不幸的是，它不起作用。
您可以重新发布您的问题，标题为Anchor not working for SVG in safari and iOS webView。但在访问之前，一些类似的问题可能是其中任何人解决了您的问题。这是一个类似的问题。参考这个：- stackoverflow.com/questions/3020456/…

【解决方案1】：

这个问题已经解决了。 iPhone 上的某些锚链接似乎仅在使用“a id”时才有效，而 SVG 中的链接仅在使用“a name”时才有效。

【讨论】：