クライアント側でsquareの座標を見つけよう

Question

私は$（ '＃myimage'）経由で取得できるページ上に画像を持っています。今私はイメージ上に描画する正方形の座標を探したい。正方形のこれらの端点は、正方形の半径が20ピクセル（正方形の中心が画像の中心になる）になるように正確に設定する必要があります。 JavaScriptやjQueryを使って同じようにするにはどうすればいいですか？あなたはオフセット親にそれは相対たくない場合は、文書は（あなたがマークアップで、正方形を追加しようとしている方法によって異なり代わりoffset()のposition()を使用することができますhttp://jsfiddle.net/22TMD/

：

Answer 1

var dims = {x: 20, y: 20}, 
    obj = $('#myImage'), 
    img = obj.offset(), 
    coords = {top: img.top + (obj.height()-dims.y)/2, 
       left: img.left + (obj.width()-dims.x)/2}; 

の作業例）。画像のスタイリングによっては、innerHeight()とouterHeight()を使用することもできます。