html - 要素のサイズを物理ピクセル単位で取得するには?

Question

div私が定義し(32px, 32px)たサイズがあるとしましょう：

html :

<div id="theBox"></div>

css :

div {
    width: 32px;
    height: 32px;
    background-color: gray;
}

(ライブ jsFiddle ビュー)

ボックスの実際のサイズをピクセル単位で取得するにはどうすればよいですか?

ボックスが である必要はないことに注意してください32px。それは大きくなる可能性があります：

以下:

または正確に32 pixels：

もちろん、違いの理由は、Chrome と Internet Explorer でズームできるためです。

要素の実際のサイズを知りたいです。なんで？理由はありません。正当な理由。好奇心旺盛で、人間の知識と理解の限界を広げたいと思っています。

または、キャンバス要素の実際のCanvasサイズと一致するように要素の内部解像度を設定する必要があるためです。そうしないと、レンダリングされたキャンバスのコンテンツが私の許可なしに引き伸ばされます。

ただし、要素のサイズを知りたいという私の理由は、必ずしも Canvas だけに当てはまるわけではありません。一般的な div 要素について質問しています。そして、答えは、、、、および私が望む他のものcanvasに対してimg使用されます。video