jquery - Firefox 中的 SVG 偏移问题

Question

在 Firefox 12.0 或更高版本中，在 SVG(根)元素上调用时，.offset() 和 .position() 返回意外值。

结果值是“左”组件最左边子组件的 x 坐标和“顶部”组件最上面子组件的 y 坐标。

$(this.SvgObject).offset().left / $(this.SvgObject).offset().top

在 Firefox 中返回非预期值。

但是当我获取父偏移量时，它给出了正确的值(即):

$(this.SvgObject).parent().offset().left 

但这不是正确的方法。

请引用this bug report 。他们回复道:

"Unfortunately we're not planning on fixing bugs relating to SVG any time soon:"

如何在 SVG 中解决这个问题？

Answer 1

我遇到了同样的问题，我只是在开始绘制拉斐尔图之前创建了一个假边界，这解决了问题。

// adding following rect just to set the boundary of svg element (firefox)
paper.rect(0,0,paperWidth,paperHeight,0).attr({stroke: "#fff"});