vue-pdf
vue-pdf copied to clipboard
Setting width/height degrades the quality of the PDF on 1080p screens
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>
Additional context
- vue-pdf: 1.11.1
- vue: 3.4.38
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?