PDFKit - locate image in center

Question

Using PDFKit on node.js:

 var PDFDocument = require('pdfkit')
 var doc = new PDFDocument()
 doc.image('images/test.jpeg')

How can I centerize an image added to the PDF?

Is it optional to do it using PDFKit or do I need to use another library?

score 20 · Accepted Answer · answered Oct 22 '14 at 10:59

20

I've found an indirect way to solve the problem - simply calculate the center and locate the picture there:

 doc.image('images/test.jpeg', (doc.page.width - imageWidth) /2 )

answered Oct 22 '14 at 10:59

griffon vulture

6,594
6
36
57

2

note that this would work only if the image size is smaller than the document size – aschmid00 Dec 17 '15 at 19:38
This should definitely be a native part of pdfkit if only width is specified and align is an attribute of the mixin. – Gabriel Garrett Sep 17 '18 at 01:25
imageWidth should be in the PDF. How to know the image width in PDF? It's not the same as the HTML. – jactive Apr 05 '19 at 21:59

score 16 · Answer 2 · answered Feb 22 '17 at 13:03

16

Using PDFKit on node.js: We can center the image using following code

doc.image('path/to/image.png', {
  fit: [250, 300],
  align: 'center',
  valign: 'center'
});

answered Feb 22 '17 at 13:03

Ibrahim Zahoor

161
1
4

The `align` and `valign` in this example center the image in the rectangle defined by `fit` not in the page. – Prdufresne Aug 15 '22 at 20:10

score 1 · Answer 3 · answered Jun 14 '22 at 04:18

1

You can use this, this code place your image at middle of the line

let imageWidth = 180 // what you wants
doc.image('path/to/image.png', 
        doc.page.width/2 - imageWidth/2,doc.y,{
        width:imageWidth
      });

answered Jun 14 '22 at 04:18

Md. Atiquer Rahman

11
1

PDFKit - locate image in center

3 Answers3