如何在Sharepoint Online Modern页面中的SVG图像中获取可单击的HREF标记

我希望SVG图像上的可单击区域显示在Sharepoint Modern页面上。图像本身渲染良好，但链接根本不渲染

SVG文件本身是使用标记嵌入的<代码>！[点击查看地图](https://dummy.sharepoint.com/sites/LL/SiteAssets/Map.svg)

---

在Chrome中呈现的SVG文件允许单击图像并打开链接。Sharepoint中嵌入的同一文件不提供链接。

当您将SVG作为图像加载时，在这种情况下，通过

标记加载SVG时，它不是交互式的。这是一条一般规则，并非特定于Sharepoint

---

SVG作为一个图像，具有与光栅图像相同的功能，使得它们可以在相同的情况下使用，而不需要特别考虑它们的安全性和隐私影响。

< P>可以使用图像映射来在这样的IMG标签中制作可点击的HREF：

<img src="https://www.fnordware.com/superpng/pnggrad16rgb.png" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="bing" title="bing" href="https://www.bing.com" coords="37,35,363,104" shape="rect">
<area target="_blank" alt="Google" title="" href="https://www.google.com" coords="41,163,365,225" shape="rect">
<area target="_blank" alt="facebook" title="https://www.facebook.com" href="" coords="43,275,365,351" shape="rect">
</map>

参考：

否。它是通过降价Web部件完成的。我找不到如何在现代页面上使用
。这是我在Inspect中找到的<代码>

谢谢。什么样的嵌入标记保持了交互性？谢谢你。我们再次从Github添加Web部件。这是我想避免的。如果我没有提供帮助，我很抱歉。

<img src="https://www.fnordware.com/superpng/pnggrad16rgb.png" usemap="#image-map">
<map name="image-map">
<area target="_blank" alt="bing" title="bing" href="https://www.bing.com" coords="37,35,363,104" shape="rect">
<area target="_blank" alt="Google" title="" href="https://www.google.com" coords="41,163,365,225" shape="rect">
<area target="_blank" alt="facebook" title="https://www.facebook.com" href="" coords="43,275,365,351" shape="rect">
</map>