6

我正在创建一个用于显示心电图的 Web 应用程序，这些心电图通常以固定比例（10 毫米/mV 和 25 毫米/秒）在 5 毫米方形网格上绘制。使用正确的尺寸很重要，因为读者会将他们在屏幕上看到的内容与可能仅存在于纸上的其他心电图进行比较。

最推荐的解决方案是使用 CSS 设置 div 的样式，使其具有（例如）1" x 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 的显示器，我正在寻找为了更好的东西。

我正在考虑只显示一个可调整大小的矩形并要求用户将其调整为已知大小。是否有人已经这样做了（如果是，如何），或者是否有人有其他建议（例如在监视器数据库中查找屏幕尺寸）？

我在这里和其他地方阅读了相关讨论，这些讨论很快转向了为什么图形的绝对大小无关紧要，只有细节的数量。我理解为什么这通常是正确的，但在这种情况下并非如此。

4

2 回答 2

5

可悲的是，根据我自己在客户项目中的经验，您的建议是唯一可靠的选择。

唯一真正可靠的方法是要求用户根据固定尺寸的物体（例如尺子）校准尺寸。我们尝试了其他几种解决方案，但一直没有其他方法有效。

我让用户在注册时只做一次，所以这不是太大的麻烦（系统使用它的用户数量相对较少）。

至于如何，我有一个可调整大小的 div，用户必须将其校准为 1cm，我让用户以这种方式校准两个不同的 div，并验证它们之间的大小差异不大于 x（其中 x 被接受公差值）。校准是通过键盘键或拖动 div 角完成的，尽管键盘键通常可以提供更好的结果，但很多人对鼠标的使用并不好，我们收到了投诉，允许键盘输入（增加/减小大小）解决了大部分投诉。添加一个您指定像素数量（并查看结果）的文本框也可能有效。

于 2012-12-13T01:09:44.210 回答
0

用于 Mac 的 Internet Explorer 5 带有一个滑块，用于在其首选项中调整 CSS 绝对单位的值，甚至还提供了将标尺放在屏幕上的建议。当然，我的 IE 总是完全校准的。

这是我所知道的唯一可以绝对显示绝对单位的浏览器。

于 2014-07-03T12:11:20.980 回答