使用HTML5進行印刷設計

Question

我正在嘗試將html5用於印刷設計目的。 我想生成一些畫布圖形，一些帶有自定義字體和html / css的字體。 我的目的是獲取適當大小和樣式的工作表（A4，A5），然后使用瀏覽器打印功能打印pdf，或者在可能的情況下甚至即時生成pdf。 我最終想要得到的東西類似於我可以在Illustrator / Photoshop / Indesign中完成的工作，但是顯然沒有這些豐富的圖形編輯器的效果。 是否有專門用於用HTML5創建印刷設計的JS / CSS庫？ 可能是網絡上的一些文章嗎？

Answer 1

這里有一些建議。

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

您還可以嘗試在瀏覽器中本地使用SVG（請閱讀 ）。

如果要生成PDF，則需要服務器端解決方案。

希望這可以幫助。