2009-10-27 42 views
1

一个业务目标要求我在屏幕上制作一个像素完美的表格。如果用户打印此表格,它将与表格的美国政府印刷局版本完全匹配;打印机将生成(合理)可扫描的本文件副本。以前的解决方案是PDF,这只对我们有用。有关制作像素完美CSS布局的建议?

我倾向于HTML/CSS,并希望提供有关工具的建议以帮助解决这个问题。

对于工具,Firefox中的PixelPerfect似乎是一个好的开始。这个目标平台是(鼓轮)IE6,如果有帮助的话。该文件看起来像this

如果HTML/CSS是一个完整的禁行,Adobe Flex是我的下一个选择。

+0

让我直说吧。您需要将表格完美地打印出来,以便以后可以进行扫描。又是哪一年?首先不要打印并以电子方式提交数据。 – 2009-10-27 13:38:16

回答

0

院长,退房Prince。 Bert Bos和HåkonWium Lie用它来生产their book on CSS。他们在A List Apart article中解释了一点。

+0

这似乎充满了胜利。 – 2009-10-27 15:31:02

+0

我这么认为。最酷的部分是你可以使用相同的表单,但在网络上它是网页,在纸上是纸。不过,这将是一项很多工作。 – stephenhay 2009-10-27 15:34:10

6

如果像素完美的打印是目标,甚至连PDF都不会让你在那里,你几乎可以立即放弃从浏览器打印。在客户端渲染时,可能会有太多变量:从不同的浏览器(IE6?祝您好运!)到不同的字体,用户设置,A4到Letter尺寸的纸张。

请问为什么PDF不适合?

+0

从昨天看我的帖子:http://stackoverflow.com/questions/1626510/getting-pdf-to-stay-in-an-embedded-object-or-iframe – 2009-10-27 13:39:28

+0

简短版本:嵌入到同一屏幕的多个PDF。 – 2009-10-27 13:40:13

+0

我第二个这个......为什么你不能再使用PDF?如果你试图获得像素完美的渲染,并且在打印和跨浏览器(包括IE6)的时候,那么就像其他人一样,祝你好运......你不妨尝试用纯粹的意志力召唤巴哈姆特或我猜想的材料)。 – 2009-10-27 13:40:39

1

我同意像素完美的布局非常非常难以用html/css来实现,特别是对于窗体。不过,我认为PDF可以接收来自外部Web表单的输入,或者可以输出填充时的文本框。

Flex输出为PDF将是一个好主意,但我不认为使用flex作为渲染引擎会对此有很大帮助。

另一种选择是制作pdf并使用服务器端语言,使用先前webform中的字段进行定制,然后输出结果。 (可以用ruby/django/php轻松完成,这里有一些很好的pdf库。)

+0

哦,我已经使用Java自定义PDF。从昨天看我的帖子,为什么PDF在这里可能不是最理想的。 http://stackoverflow.com/questions/1626510/getting-pdf-to-stay-in-an-embedded-object-or-iframe – 2009-10-27 13:40:53

1

首先,放弃像素。您要查找的是打印样式表,其中所有内容均使用物理单位(厘米/英寸),点的字体大小等指定。屏幕上显示的内容,字体大小以及是像素完美的还是与您的要求生成可扫描副本似乎不相关。

现在的问题是,IE6支持物理单元和打印样式表是否足够完成?鉴于我为客户制作打印样式表的经验,如果您在打印过程中发现IE错误,那么IE会简单地崩溃,我不会说这很可能 - 而不是因为您处理的表单复杂。

+1

(好点,没有双关语意。) – 2009-10-27 13:41:38

1

如果您担心渲染器(IE,Acrobat等)搞砸了,您可以随时在服务器上渲染表单,并向用户提供图像。

+0

表单是可编辑的。这项特殊任务的要求非常非常高。 – 2009-10-27 14:54:12

+0

但HTML/CSS如何更容易?无论哪种方式,你都会有一个HTML表单供他们输入数据,然后当他们提交表单时,你需要指定要绘制的HTML/CSS,或者一堆DrawRectangle和DrawString命令,对吧? – mbeckish 2009-10-27 15:50:53