Используйте HTML5 для дизайна печати

Question

Я пробую html5 для печати. Я хочу создать графику холста, типографику с пользовательскими шрифтами и HTML / CSS. Моя цель - получить лист соответствующего размера и стиля (A4, A5), а затем распечатать PDF-файл, используя возможности печати в браузере, или даже создать PDF-файл на лету, если это возможно. В итоге я хочу получить что-то вроде того, что я мог бы сделать в Illustrator / Photoshop / Indesign, но, очевидно, без эффектов этих богатых графических редакторов. Существуют ли какие-либо библиотеки JS / CSS, созданные специально для создания печатных дизайнов с использованием HTML5? Может быть, есть какие-то статьи в Интернете об этом?

Answer 1

Вот несколько предложений.

Вы можете использовать Fabric.js для реализации SVG-манипуляции на холсте. Вы можете использовать ту же библиотеку для экспорта SVG, которая затем может быть распечатана. Используя эту библиотеку, вы можете вращать и масштабировать векторные фигуры, что вы, например, делаете. Иллюстратор.

Вы также можете просто поэкспериментировать с использованием SVG в браузере ( читать это ).

Если вы хотите создать PDF, вам понадобится решение на стороне сервера.

Надеюсь, это поможет.