Предложения по созданию идеальных для пикселей CSS-макетов?

Question

Одна бизнес-цель требует, чтобы я создал форму на экране, которая была бы идеальной для пикселей.Если пользователь распечатает эту форму, она будет в точности соответствовать версии формы, выпущенной в типографии правительства США;принтер создаст (в разумных пределах) сканируемую копию этого документа.Предыдущее решение - PDF, которое будет работать для нас только до определенного момента.

Я склоняюсь к HTML / CSS и хотел бы получить предложения по инструментам, которые помогут в этом.

Что касается инструментов, PixelPerfect в Firefox кажется хорошим началом.Целевой платформой для этого является (барабанная дробь) IE6, если это поможет.Документ выглядит следующим образом это.

Если HTML / CSS - это полный запрет, то Adobe Flex - мой следующий выбор.

Answer 1

Дин, зацени принц . Берт Бос и Хи Кон Вийум Ли использовали его для производства их книги. Они объясняют это в статье .

Answer 2

Если цель - идеальная печать в пикселях, и даже PDF вам не поможет, вы можете сразу отказаться от печати из браузера. При рендеринге на стороне клиента слишком много переменных: от разных браузеров (IE6? Удачи!) До разных шрифтов, пользовательских настроек, формата A4 или Letter.

Могу я спросить, почему PDF не подходит?

Answer 3

Я согласен, что пиксельных макетов очень, очень трудно добиться с помощью html / css, особенно с формами.Однако я думаю, что PDF-файлы могут получать входные данные из внешних веб-форм или содержать текстовые поля, которые при заполнении будут распечатаны.

Вывод Flex в pdf был бы хорошей идеей, но я не думаю, что использование flex в качестве механизма рендеринга слишком сильно поможет в этом.

Другим вариантом было бы создать PDF-файл и использовать язык на стороне сервера, чтобы настроить его с помощью полей из предыдущей веб-формы и вывести результат.(Это легко можно сделать с помощью ruby / django / php, там есть несколько хороших библиотек pdf.)

Answer 4

Сначала откажитесь от пикселей. Что вам нужно, так это таблица стилей печати, в которой все указано в физических единицах (см / дюймах), размер шрифта в pt и т. Д. Что отображается на экране, в каком размере шрифта, и является ли оно идеальным для пикселей или не соответствует вашему требованию создать сканируемую копию .

Теперь вопрос в том, достаточно ли для этого поддержки IE6 физических единиц и таблиц стилей печати? Учитывая мой опыт создания таблиц стилей печати для клиентов, в которых IE просто зависал бы во время процесса печати, если вы ошиблись, я бы сказал, что это не слишком вероятно - не из-за сложности форм, с которыми вы имеете дело.

Answer 5

Если вас беспокоит сбой рендерера (IE, Acrobat и т. д.), вы всегда можете отобразить форму на сервере и просто передать изображение пользователю.