私は、ECGを表示するためのWebアプリケーションを作成しています。これは、通常、5mmの正方形グリッド上に固定スケール(10 mm/mVおよび25mm/ s)で描画されます。読者は画面に表示されるものを、紙にのみ存在する可能性のある他のECGと比較するため、正しいサイズを使用することが重要です。
最も推奨される解決策は、CSSを使用して(たとえば)1 "x 1"の絶対寸法を持つようにdivのスタイルを設定し、JavaScriptを使用してその高さと幅を取得することです(たとえば、画面のDPIを検出する方法を参照してください)。 PHPまたはJavaScriptを使用)。明らかに、これは、ブラウザが答えを知っている(または発見できる)場合にのみ機能し、だまされて答えを明らかにすることができます。Linux、Mac OS X、およびWindowsで、Chrome、Firefox、MSIE、Opera、Safari、およびスマートフォン(217 dpi)から19 "(108 dpi)、20"までのデバイスでAndroidブラウザーを使用してこの方法をテストしました。 、および30 "(101 dpi)モニター、およびすべての場合で報告された解像度は96 dpiでした。私の結論は、96 dpiモニターを持っている場合を除いて、このアプローチは壊れた時計よりも精度が低いということです。より良い何かのために。
サイズ変更可能な長方形を表示して、ユーザーに既知のサイズに調整するように依頼することを考えています。誰かがすでにこれを行っていますか(もしそうなら、どのように)、または誰かが別の提案(モニターのデータベースで画面サイズを調べるなど)を持っていますか?
グラフィックの絶対サイズが重要ではなく、詳細の量だけが重要である理由にすぐに目を向ける、ここや他の場所での関連する議論を読みました。なぜこれがしばしば真実であるかは理解していますが、この場合はそうではありません。