Puncte, pixeli, milimetri și transformările lor, blog mihalytch personal

Puncte, pixeli, milimetri și transformările lor, blog mihalytch personal
La cererea soartei, am reușit să dezvolt un magazin online de materiale tipărite. Principala caracteristică a acestui lucru este faptul că utilizatorul, cu ajutorul designerului, poate să creeze o carte de vizită, o broșură sau un album foto și să comande imediat acest farmec. Desigur, acest designer înseamnă generarea unei previzualizări pe JS (pentru utilizator) și generarea PDF-ului (pentru produsele de imprimare).







Sarcina noastră este să derivăm o pereche de formule simple pentru conversia unităților de măsură, și anume milimetri, puncte și pixeli pentru o anumită rezoluție a dispozitivului de tipărire.







În șablonul XML al produsului, specificăm dimensiunile și coordonatele obiectelor în milimetri și dimensiunea fontului în puncte. Pentru a genera o previzualizare a produsului folosind HTML folosind JS, trebuie să aducem toate dimensiunile în pixeli.

Să începem cu conceptele de bază.
DPI (Dots per Inch) - numărul de pixeli (pixeli) pe inch.
Inch este o măsură de distanță în unele sisteme non-metrice europene. 1 inch = 25,4 mm.
"Punct tipografic" (Pt) - unitatea de dimensiunea fontului. 1 punct = 1/72 dintr-un inch.

Luați, de exemplu, rezoluția de 300 dpi. Definiți constanta D = 300.
Deoarece 1 inch este de 25,4 mm, rezoluția D într-un pixel (25,4 / D) milimetri.

Cu dimensiunile calculate, acum vom ocupa dimensiunea fontului.
Deoarece 1 punct este 1/72 de un inch, atunci la D 1 punctul va fi D / 72 pixeli.
Obținem relații directe și inverse:

Vă mulțumesc pentru atenție.

Lasă un răspuns







Trimiteți-le prietenilor: