我正在创建一个用于显示心电图的 Web 应用程序,心电图通常是在 5 毫米方形网格上以固定比例(10 毫米/毫伏和 25 毫米/秒)绘制的。使用正确的尺寸非常重要,因为读者会将屏幕上看到的内容与可能仅存在于纸上的其他心电图进行比较。
最推荐的解决方案是使用 CSS 设计 div 的样式,使其绝对尺寸为(例如)1" x 1",并使用 JavaScript 获取其高度和宽度
(例如,参见如何使用 PHP 或 JavaScript 检测屏幕 DPI https://stackoverflow.com/questions/9292156/how-to-detect-the-screen-dpi-using-php-or-javascript)。明显地,
仅当浏览器知道(或可以发现)答案并且可以被欺骗时,这才有效
揭露它。我使用 Chrome 在 Linux、Mac OS X 和 Windows 上测试了此方法,
从智能手机到各种设备上的 Firefox、MSIE、Opera、Safari 和 Android 浏览器
手机 (217 dpi) 到 19" (108 dpi)、20" 和 30" (101 dpi) 显示器,并且在所有情况下报告的分辨率均为 96 dpi。我的结论是,这种方法不如
一块坏了的手表,除非你碰巧有一个 96 dpi 的显示器,而我正在寻找一些东西
更好的。
我正在考虑只显示一个可调整大小的矩形并要求用户将其调整为
已知尺寸。有没有人已经这样做过(如果是,如何做),或者有人有
其他建议(例如在显示器数据库中查找屏幕尺寸)?
我已经阅读了这里和其他地方的相关讨论,这些讨论很快就转向了为什么图形的绝对大小并不重要,只有细节的数量才重要的原因。我明白为什么
这通常是正确的,但在本例中却并非如此。
可悲的是,根据我自己在客户项目上的经验,你的建议是唯一可靠的选择。
唯一真正可靠的方法是要求用户根据固定尺寸的物体(例如尺子)校准尺寸。我们尝试了其他几种解决方案,但始终没有任何效果。
我让用户在注册时只执行一次,因此并没有太大的麻烦(系统使用次数相对较少的用户数量相对较少)。
至于如何,我有一个可调整大小的div,用户必须将其校准到1cm,我已经让用户以这种方式校准两个不同的div,并验证它们之间的大小差异不大于x(其中x是一些可接受的值)容差值)。校准是通过键盘按键或拖动 div 角完成的,尽管键盘按键通常可以提供更好的结果,但很多人不太擅长使用鼠标,我们收到了一些投诉,允许键盘输入(增加/减小尺寸)解决了大部分投诉。添加一个文本框来指定像素数量(并查看结果)也可能有效。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)