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



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

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

简而言之,我想做的类似于Web-inspector(safari(功能。但我想自己实现它。我找到了几个关于如何编写 dom 检查器的链接。但是要求 SVG 在每个元素中都有鼠标单击或鼠标悬停功能。我想做的是,编写一个可以接受任何随机 svg 的程序,一旦选择一个元素,我就可以得到它对应的 xml 行。

我希望有人可以指导我如何做到这一点。

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

我按照他的建议使用了"elementFromPoint(("函数。假设程序已经知道它想要检查哪个cordinates(100,60(;通过在window.onload((上调用elemenfrompoint((,我得到了如下答案。

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

最新更新