Setting the quality (compression) of the display about vue-pdf HOT 7 CLOSED

Hi!

Something might be wrong about the deployment of version 1.7.2.

If I install the package via npm i @tato30/vue-pdf the devicePixelRatio fix doesn't seem to kick in, i.e. PDFs are displayed very blurry when zoomed or on some mobiles.

I've checked and the package from npm does seem to contain the fix.

On the other hand, when I copy the src directory directly to the sources of my project, the fix is applied and PDFs are displayed crisp and nice.

I've made a small working example here: https://github.com/rxw1/VuePDF-min

You can take a look at these two lines https://github.com/rxw1/VuePDF-min/blob/master/src/App.vue#L3-L4 and switch back and forth between installations.

I'm not so sure about what's going on.

from vue-pdf.

+1

I'm migrating the project from Vue2 to Vue3 and wanted to replace the vue-pdf library with this one, but the display quality feels much worse, especially with images that include thin lines :(. Are there any plans to improve it?

Love that it's implemented with Composition API.

from vue-pdf.

+1
Yeah small text is really blurry on mobile phones, works great on desktops though.

from vue-pdf.

Same here. Probably an issue related to the window.devicePixelRatio, reference: https://stackoverflow.com/a/43955689/4095689.
@etischenko @dev-mantas @alepsrp can you check your window.devicePixelRatio in console? If the value is larger than 1, which means you are with a high-resolution display or mobile devices, then most probably you get blurry results.

This is a common problem that worth of a fix @TaTo30 .

from vue-pdf.

Surely is a issue related to devicePixelRatio as @batchfy-bot mentioned, thanks a lot for the reference.

If there are still issues with the quality, feel free to reopen this thread.

from vue-pdf.

You're right @rxw1, there was a problem with the bundle deploy, it's already fixed.

from vue-pdf.

Thank you!

from vue-pdf.