image - 以 'life' 尺寸显示图像而不仅仅是全尺寸？

Question

我在一个网站上工作，用户输入几个名字，它在模板上以漂亮的字体呈现，以便稍后打印和跟踪到其他东西(纸、木头、金属等)。

让我们假设模板是 4"x 3"实物大小。是否可以在所有设备上显示 4"x 3"的图像？根据所述设备的分辨率，所有设备上的全尺寸都不同。我的最终目标是使图像可从屏幕上追溯而不是打印。如果需要更多细节，我肯定会提供所需的内容。 jquery 或 kineticjs ......

再次感谢，
托德

编辑:为了清楚起见，我想显示一个 4x3 英寸的图像，因此如果用户测量他们的实际屏幕，图像将是 4x3 英寸。

Answer 1

我以前遇到过这个问题，恐怕这是不可能的 - 计算机本身通常不会知道屏幕的像素密度(它会知道屏幕有多少像素，但不一定知道显示器有多大)面积是)。

有很多方法可以解决，但你经常需要改变你的目标:当我过去使用 map 而不是显示比例尺(1:2500 或其他)时，我显示了一个条形图，它是一个已知像素数(我知道真实世界的长度)。

在您的情况下，您可以让用户测量屏幕上已知数量的像素，输入真实世界的大小，并在生成图像时将其用作比例因子。

不理想，但我认为这是你将要得到的最好的。

编辑:另一种方法(这可能比让用户测量和输入尺寸更好)是允许他们将图像大小调整为他们可能躺在的已知真实世界对象的大小(例如，信用卡)。一旦他们调整了图像的大小，您就会知道像素密度并知道渲染图像的大小。这让我想起了 80 年代校准操纵杆的情景……