将SVG图像元素转换/映射到DOM / XML

Question

我正在尝试将SVG图像元素转换为xml文本行。 换句话说，如果在（0,0）处有一个正方形，我想在SVG文本文件中找到它对应的xml行。

现在，我知道可以在svg xml文件中搜索这些坐标并找到它。 但是困难在于变换和裁剪 。 这些可能意味着元素的位置在svg xml和实际svg图像中可能有所不同。

简而言之，我想做的事情类似于web-inspector（safari）函数 。 但我想自己实施。 我找到了一些有关如何编写dom检查器的链接。 但是，要求SVG在每个元素中都具有onmouseclick或onmousehover函数。 我想做的是，编写一个可以获取任何随机svg的程序，一旦选择了元素，就可以获取其对应的xml行。

我希望有人可以指导我如何解决这个问题。

Answer 1

谢谢罗伯特·朗森。 我从你的帮助中得到了答案。

我按照他的建议使用了'elementFromPoint（）'函数。 假设程序已经知道要检查哪个坐标（100,60）； 通过在window.onload（）调用elemenfrompoint（），我得到了如下答案。

window.onload = function(){
    cord_element = document.elementFromPoint(100,60);
    alert("element is :"+cord_element.id);
}