javascript - Chromeでcssズームが適用されているimgの正しいjQuery offset()を取得するにはどうすればよいですか

Question

img に css ズーム効果を適用しようとしていますが、jQuery 関数を実行すると、offset() が間違った値を返すようです。

私が抱えている問題を示す小さなjsFiddle Exampleを作成しました。Chrome でこれを確認してください。これは、私がこの問題を経験しているブラウザーだからです (私は考えていません)。

[カエルのオフセットを表示] ボタンをクリックすると、カエルの img の offset().left に 219 の値が表示されます。ズーム ボタンを押すと、from が 2.0 倍にズームされます。次に、[カエルのオフセットを表示] ボタンをもう一度押すと、カエルの画像の offset().left of 101.5 が表示されます。

これは、 jsFiddle の例でカエルの img をズームおよびズーム解除するために使用するコードです(上記にもリンクされています) 。

$("#zoom-frog-button").click(function() {
    $(".frog-img").css("zoom", 2.0);
});

$("#unzoom-frog-button").click(function() {
    $(".frog-img").css("zoom", 1.0);
});