Пункти, пікселі, міліметри і їх перетворення, mihalytch personal blog

Пункти, пікселі, міліметри і їх перетворення, mihalytch personal blog
За велінням долі довелося мені розробляти інтернет магазин друкованої продукції. Головна Фітч якого в тому, що користувач за допомогою конструктора може створити собі візитку, буклет або фотоальбом і тут же замовити цю красу. Само собою цей конструктор має на увазі генерацію превью на JS (для користувача) і генерацію PDF (для друку продукції).

Наше завдання: вивести пару простих формул для перетворення одиниць вимірювання, а саме міліметрів, пунктів і пікселів для заданої роздільної здатності пристрою друку.

У XML шаблоні продукту ми задаємо розміри і координати об'єктів в міліметрах, а кегль шрифту в пунктах. Для того, щоб генерувати превью продукту засобами HTML з допомогою JS, нам потрібно привести всі розміри в пікселі.

Давайте для початку розберемося з основними поняттями.
DPI (Dots per Inch) - кількість точок (пікселів) на дюйм.
Дюйм (Inch) - є одиниця міри відстані в деяких європейських неметричних системах. 1 дюйм = 25.4 мм.
"Типографським пункт" (Pt) - одиниця виміру кегля шрифту. 1 пункт = 1/72 дюйма.

Візьмемо, наприклад, роздільну здатність 300 dpi. Визначимо константу D = 300.
Так як 1 дюйм 25.4 мм, при вирішенні D в одному пікселі (25.4 / D) міліметрів.

З розмірами розібралися, тепер займемося кеглем шрифту.
Так як 1 пункт є 1/72 дюйма, то при вирішенні D 1 пункт буде дорівнює D / 72 пікселям.
Отримаємо пряму і зворотну залежність:

Дякуємо за увагу.

Leave a Reply