使用HTML5進行打印設計

Question

我嘗試使用html5進行打印設計。我想生成一些畫布圖形，一些排版與自定義字體和HTML/CSS。我的目標是獲得尺寸和樣式正確的紙張（A4，A5），然後使用瀏覽器打印功能打印PDF，或者在可能的情況下即時生成PDF。我最終想要得到的東西就像我在Illustrator/Photoshop/Indesign中所做的一樣，但顯然沒有這些豐富的圖形編輯器的效果。是否有任何JS/CSS庫專門用於創建使用HTML5的打印設計？可能是網上的一些文章呢？

Answer 1

以下是一些建議。

您可以使用Fabric.js在畫布內實現SVG操作。您可以使用相同的庫導出SVG，然後將其打印出來。通過使用該庫，您可以旋轉和縮放基於矢量的形狀，這是您在例如插畫。

您也可以嘗試在瀏覽器中本地使用SVG（read this）。

如果您想生成PDF，您將需要一個服務器端解決方案。

希望這會有所幫助。