使用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，您将需要一个服务器端解决方案。

希望这会有所帮助。