0

jquery.offsetクロムの 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>

$('#zeroPoint').offset()Chrome (少なくともバージョン 40 ～ 52 (cur 安定版) & 53 dev) で呼び出すと、誤った位置が返されますがtop: 0, left: 0、Firefox 48、IE 11 & Edge 13 では返されtop: 45.xx, left: 53.xxます。

JSFiddle での実際の例

それはなぜですか？

もう1つ：
メソッドoffsetはChromeのjQueryバージョン<= 2.2.4で問題なく機能していました：
jQuery v2.2.4を使用したJSFiddle

4

0 に答える 0