0

jquery.offset当应用于 chrome 中的 SVG 元素时，总是返回 0/0。

<div style="margin: 45px;">
  <svg version="1.1" width="100" height="100" xmlns="http://www.w3.org/2000/svg">
    <g transform="matrix(1,0,0,1,10,10)">
      <path id="zeroPoint" d="M10,5 a5,5 0 0 1 -5,5  l0,-5 zM0,5  a5,5 0 0 1 5,-5  l0,5  zM5,0  a5,5 0 0 1 5,5   l-0.2,0 a 4.8,4.8 0 0 0 -4.8,-4.8 zM5,10 a5,5 0 0 1 -5,-5 l0.2,0  a 4.8,4.8 0 0 0 4.8,4.8   z" transform="matrix(2,0,0,2,-9.71428,-9.71428)"></path>
    </g>
  </svg>
</div>

在 Chrome 中调用$('#zeroPoint').offset()（至少版本 40-52（当前稳定版）和 53 开发版）会返回错误的位置top: 0, left: 0，而 Firefox 48、IE 11 和 Edge 13 会返回top: 45.xx, left: 53.xx。

JSFiddle 上的实时示例

任何想法为什么会这样？

还有一件事：
该offset方法在 jQuery 版本 <= 2.2.4 的 Chrome 中以探测方式工作：
JSFiddle with jQuery v2.2.4

4

0 回答 0