vue-pdf icon indicating copy to clipboard operation
vue-pdf copied to clipboard

Setting width/height degrades the quality of the PDF on 1080p screens

Open samiashi opened this issue 1 year ago • 2 comments

When using width/height or fit-parent on 1920/1080 screens, the quality of the PDF is degraded and becomes blurry.

Using the playground, you can reproduce using the following:

<script setup lang="ts">
import pdf14 from '@samples/issue126.pdf';
import { VuePDF, usePDF } from '@tato30/vue-pdf';

const { pdf } = usePDF(pdf14)
</script>

<template>
  <div>
    <VuePDF :pdf="pdf" :width="450" :height="250" />
  </div>
</template>

<!-- OR  -->

<template>
  <div style="width: 450px; height: 250px;">
    <VuePDF :pdf="pdf" fit-parent />
  </div>
</template>

Screenshot 2024-09-24 at 4 02 21 PM

Additional context

  • vue-pdf: 1.11.1
  • vue: 3.4.38

samiashi avatar Sep 24 '24 12:09 samiashi

I have been trying to reproduce this issue on different devices but I am getting a nice readable page in all cases.

What is the result if you run this command on the browser's console where you are trying? imagen

TaTo30 avatar Oct 18 '24 03:10 TaTo30