单击鼠标时如何在SVG文档中找到矩形的位置？

Question

我在SVG文档中有很多方框。如何找到我点击的哪个框显示我点击了哪个列和行位置？

Answer 1

如果您的svg位于html文件中，并且如果您为每个可点击元素添加clickable类，则可以尝试使用javascript

const elements = document.querySelectorAll('.clickable')
for (let i = 0; i < elements.length; i++) {
  const element = elements[i];
  element.addEventListener('click', (e) => {
    console.log(e.target);
  });
}

事件映射了一个目标属性，它是您单击的元素。