從flex或jquery以300 dpi打印

Question

我們需要使用Flex應用程序或jQuery來自定義一些圖像（爲圖像添加一些文本）以打印此圖像。定製完成後，必須將輸出圖像保存爲300 dpi，以確保高質量的打印。

我們卡在這裏，不知道如何保存這個圖像在300 dpi。我們可以確保上傳的用於自定義的源圖像的分辨率爲300 dpi。但是在定製之後，我們還必須以300 dpi的分辨率保存圖像。

有關如何操作的建議？

Answer 1

客戶端的Flex打印不支持打印質量，Flex自動映射到72 ppi。檢查給出的註釋here，但服務器端打印支持高DPI打印。一個第三方工具Alive Pdf支持圖像打印檢查tutorial。但是您需要將圖像縮放到300 dpi，更多信息請查閱here。

選擇哪一個對你有好處

Answer 2

您希望獲得良好的打印質量，而不是較低的屏幕質量（75 dpi）。然而，圖像由像素組成，並且它們決定了分辨率。因此，具有多個寬度和高度的圖像就足夠了。

在HTML/jQuery中，通常只需將尺寸較大的圖像定義爲較小，使用< img src=... width=FRACTION height=FRACTION >或使用CSS media：print即可。

作爲一種事後的想法：不把文本嵌入到像素圖像中，而是將其疊加在一起。更

---

說明一下：

如果您通過標準的Windows瀏覽器在屏幕上查看您的高清晰圖像，並選擇100％顯示（無縮放），然後你會看到，這是更大的。這是因爲它有更多的像素數：4000說3000 X

在HTML中，你可以它通過小顯示：

<img src="bigimage.png" width="400" height="300"> 

這是最簡單的。在CSS中，使用通常不會被打印的背景圖像。

如果您的頁面有「打印視圖」，您可以使用更小，更快的圖像進行正常顯示，並在打印時查看大圖像。

HTML中的文本覆蓋也是可能的，但是如果字體不標準，則字體必須獲得許可。浮動div就足夠了。

關於flex：別人必須回答那個;很長一段時間，因爲我做了彎曲。

Answer 3

我相信你可以使用imagemagick（服務器端）來實現。檢查這個網址：

http://www.imagemagick.org/script/command-line-options.php

的尋找 「密度」 和 「重採樣」 選項。

如果你使用PHP：http://www.php.net/manual/en/function.imagick-resampleimage.php

要插入圖像中的文本，我將與GD做到這一點：http://php.net/manual/en/ref.image.php

也許這可以給你如何解決你的問題的一些提示。

對不起，我沒有Flex的經驗，所以我不能幫你。