Chrome problem: print PDF get blurry image

1,540 views

Skip to first unread message

Christopher Wang

unread,

Nov 15, 2016, 2:41:53 AM11/15/16

to Google Chrome Developer Tools

Hi.

I am a web develeoper.

When I try to print web page to PDF with Chrome, I get a blurry image both in the print preview screen and in the PDF file.

I have minimized the problem：

it's about print element with styles about absolute position of css.

here is my html code:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Min print blur bug</title>
</head>
<body>
    <div style="position: relative;">
        <div style="left: 16mm; top: 8mm; width: 62mm; height: 82.6667mm;background-image: url('http://mmsns.qpic.cn/mmsns/TJ7QhicFn0v4maxf9emL0jGQ0Jh8BtibHKaoQOR7EHmcXRPeBebQq4OA/0');position: absolute; background-size: cover;">
        </div>
    </div>
</body>
</html>
```

you can also download the html file from the attachment.

What's weird is, if I remove the style 'position:absolute;' or modify the left/top attributes to another value, or modify the background-image to another url,the printing function is ok.Only in such situation ,I get blurry image.

So I think it's a deep-hidden bug in the Chrome.

How to fix it?

any suggestion will be appreciated!

min-print-blur.html

PhistucK

unread,

Nov 15, 2016, 2:43:52 AM11/15/16

to Google Chrome Developer Tools

This group discusses the Developer Tools feature of Google Chrome and not general web development issues. Please, do not post about this again or continue the discussion.

You can search crbug.com for an existing issue and star it. If you cannot find one, file a new issue using the "New issue" link on the same page.

Please, do not add a "+1" or "Me too" or "Confirmed" (or similar) comment. It just wastes the time of Chrome engineers and sends unnecessary e-mails to all of the people who starred the issue.

You can reply with a link to the found or created issue and might get triaged (and fixed) faster.

Thank you.

☆PhistucK

--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/4ffc99a7-9943-46f3-8948-4f0bcf6dc602%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply all

Reply to author

Forward

0 new messages