Используйте 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-файл, вам понадобится серверное решение.

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