时间戳

首页 > 解决方案 > 单击时检测SVG文件中的路径是什么

javascript - 单击时检测SVG文件中的路径是什么

问题描述

我正在使用 SVG 文件。我是通过对象标签 html 嵌入 SVG 文件的。

像这样：

<object id="map" type="image/svg+xml" data="the-file-has-same-domain"></object>

当我点击 Javascript 或任何对此的库支持时，我如何检测哪个区域。

谢谢！！！

标签： javascriptsvg

解决方案

由于您的文件在同一个域中（如果我们信任您的假名），那么您可以简单地访问其文档，并从您的主页附加侦听器：

// wait for your <object> is loaded
document.getElementById('map').onload = e => {
  const doc = map.getSVGDocument(); // that's the inner document
  doc.addEventListener('click', your_handler);
};

不幸的是 StackSnippet 的 null-origined iframe 不允许访问任何内部文档，所以这里有一个 jsfiddle。

推荐阅读