Px to inches converter. Font Unit Converter / Typography Unit Converter. Convert between px and inches units. To convert pixels to inches, you have to divide pixels by resolution. For example, a 600 x 400 pixels image displayed on a 96 DPI screen is going to have 6.25 x 4.17 inches when printed. To find the resolution of an image in DPI, you need to know the image width in both pixels and inches, then divide the image width in pixels by the image width.
It’s very quick and easy to create PDF file with jsPDF. For example, if you want to create a simple PDF file with “Hello world!” text, just use the code below.
The first line, create a jsPDF object. This will represent your PDF document with a default size of A4 paper and portrait orientation. You can pass extra parameter for the constructor to change the file size and orientation here if you like. We’ll talk about that later.
The second line is to add a text string into a PDF page with specified position. The ‘Hello world!’ will be placed 10 millimeters from both top and left. Yes, millimeters, Not pixels! But you can also change the measurement unit to others like pixel or inch when you create the jsPDF object.
The last line is to save the document (Popup the Save As dialog box on the web browser) with specified file name.
See tutorial in video below or live demo in this jsFiddle
Now back to the first part. If you want to change the PDF file size, orientation or measurement unit, you can pass the JSON to the constructor like this.
This is just a basic of what jsPDF is capable of. In the next article, I’m going to talk about using jsPDF to convert your HTML page to PDF file!
If you like this article, feel free to subscribe! Cheers 🙂
Red Stapler Channel:https://www.youtube.com/c/RedStapler_channel