2009-10-27 51 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