我正在创建一个用于显示ECG的Web应用程序,这些应用程序通常在5mm方形网格上以固定比例(10 mm/mV和25 mm/s)绘制.使用正确尺寸非常重要,因为读者会将他们在屏幕上看到的内容与可能仅存在于纸上的其他ECG进行比较.
最推荐的解决方案是使用CSS来设置div的样式,使其具有(例如)1"乘1"的绝对尺寸,并使用JavaScript获取其高度和宽度(例如,参见如何检测屏幕DPI使用PHP或JavaScript).显然,这只有在浏览器知道(或可以发现)答案并且可以被欺骗透露它时才能起作用.我在Linux,Mac OS X和Windows上测试了这种方法,使用Chrome,Firefox,MSIE,Opera,Safari和Android浏览器,设备范围从智能手机(217 dpi)到19"(108 dpi),20"和30"(101 dpi)显示器,并且在所有情况下报告的分辨率为96 dpi.我的结论是这种方法不如手表损坏准确,除非你碰巧有一个96 dpi显示器,我正在寻找为了更好的东西.
我正在考虑只显示一个可调整大小的矩形,并要求用户将其调整为已知大小.有没有人已经这样做了(如果是的话,如何),或者有人有其他建议(例如在监视器数据库中查找屏幕大小)？
我已经阅读了这里和其他地方的相关讨论,很快就会找到图形绝对大小无关紧要的原因,只有细节的数量.我理解为什么这通常是正确的,但在这种情况下并非如此.