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

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

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

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

#1楼 票数:0 已采纳

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

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

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

  ask by user3902003 translate from so

未解决问题?本站智能推荐:

1回复

如何判断哪些事件绑定到DOM元素?

使用Wordpress可视化编辑器时,如果您有[gallery]短代码,则在可视模式下会显示一个占位符。 单击占位符将覆盖两个图标 - 编辑库和删除库。 我正在试图找出点击“编辑图库”时触发的功能。 该按钮是一个图像,dom id为wp_editgallery ,它的外观如下:
1回复

从xml响应中获取svg元素

当我尝试访问响应XML时出现错误。 我想先访问svg,然后获取svg视图框的高度和宽度或其他方法。 如何从响应xml访问svg以获取高度和宽度? 我想像这样使用javascript(可能是jquery)访问高度和宽度: this._imageW = jQuery(“。SVGImage
1回复

如何在Javascript事件中检查仅存在于DOM中的Chrome中的元素

我知道 Chrome 在检查器中有一个“:悬停”状态,但它不会触发该事件。 据我所知,我想检查的标记是在 jQuery .hover()事件之后写在 DOM 中的。 当我的鼠标离开.hover()事件所针对的元素时,它会立即从 DOM 中删除。 有什么方法可以强制打开它,假设我无法写入包含执行此操作
3回复

是否可以使用JavaScript获取SVG图像的XML?

我的目标是在JavaScript中加载SVG图像,并将其作为图像和底层SVG XML 。 我可以加载像... 现在有了图像后, 如何访问组成SVG图像的基础XML? 我提出的唯一解决方案是通过ajax再次加载它: 但我觉得可能有更好的方法来做到这一点。
2回复

如何通常找出javascript控制网页上一般元素的行为?

看看这个小提琴http://jsfiddle.net/52VtD/2635/ 在里面你可以看到一个工具提示工作。 假设我们不是在寻找一个小提琴,并且看不到javascript源代码,但是我们想知道控制这个工具提示行为是什么? 答案是 那么我们如何使用chrome或firefox检
1回复

将部分文本XML替换为SVG

我有一个将XML转换为SVG的脚本。 现在,我有了一个脚本,可以用jQuery替换字符串,但是我只想替换文本的一部分。 例如,当我有Gmaj7并想将其更改为Dmaj7 ,只需将G替换为D 。 我怎样才能做到这一点? function translatede() { $('#m-41
3回复

使用jQuery选择器在页面上找到元素

我目前正在控制台中使用(例如) 突出显示匹配的元素。 但是,当这些元素被隐藏时,这不能很好地工作。 有一个好的方法吗? 编辑:明确地说 ,我仅以input标签为例,当我的意思是隐藏时,我所谈论的是一个元素,该元素可能在窗口外,隐藏容器内,高度为0或任何难以找到的地方。 通常基本上不
1回复

如何将检查的浏览器元素设置为此

在 firefox 中检查元素时,我想在它上面尝试jquery 。 像这样的东西 或任何需要$(this) 。 默认情况下, this是指窗口。 我可以设置this特定的元素与琐碎的工作检查模式?