Boarder added when using pdfkit A4 output

Question

Is there a way to remove this white boarder that's added on the output when using pdfkit?

This isn't something I've added in the .html file. However it may be worth noting that i've forced the body size of the html file to be that of an A4 sheet;

<style>
    body {
        width: 794px;
        height: 1122px;
        margin: 0;
        padding: 0;
        background-color: green;

In addition, when I output using pdfkit these are my settings;

import pdfkit

options = {
    'page-size': 'A4',
    'dpi': 400}

pdfkit.from_string(html_out, '/Users/harryrobinson/Desktop/aaa.pdf', options=options)

I also tried using the the 'print-media-type':True - however, this just generates an error.

Thanks for any help that can be provided!

score 0 · Answer 1 · answered Oct 12 '17 at 14:32

0

An A4 Page with 400dpi is 3307 x 4677 pixels.

Did you try:

width: auto;
height: auto;
margin-top: 0px;

answered Oct 12 '17 at 14:32

David

1,084
12
36

2

Thanks for response. I believe pdfkit does the conversion to 400dpi - by fixing the html file to 794px x1122px ensures the output 'looks A4'. However, neither solution resolves the white boarder around the outside. I'm assuming this is related to pdfkit, as it doesn't show on the html when loaded in the browser – Hazzamataza Oct 12 '17 at 14:46

score 0 · Answer 2 · answered Apr 13 '20 at 12:44

0

try making all the margins to 0px

width: auto;
height: auto;
margin-top: 0px;
margin-top: 0px;
margin-bottom :0px;
margin-left :0px;
margin-right:0px;

answered Apr 13 '20 at 12:44

Shruti Kunapuli

1

short answer `margin:0px;` – Bosco Apr 14 '20 at 00:16

Boarder added when using pdfkit A4 output

2 Answers2