Ability to set custom <canvas> width and height for better quality

[AVargas89]

Ability to set custom width and height for better quality

from vue-pdf-embed.

[hrynko]

Hi @AVargas89,

Thank you, I will try to look into it later today or tomorrow.

[hrynko]

It seems to me that the loss of quality is caused by the scaling of the viewport, so setting a custom canvas width/height doesn't help. Currently, the canvas element inherits the size of its parent, and I find this approach more flexible than setting a specific canvas size with the props. You can set the size of the wrapper as follows, and vue-pdf-embed will adjust to fit:

<div :style="{ width: '320px' }">
  <vue-pdf-embed />
</div>

I see your point about the loss of quality and will prepare a release with a fix, however I wouldn't add width/height props.

[AVargas89]

Thank you! This solution worked for now :)

[hrynko]

Anytime! New ideas and issues are welcome.

By the way, the quality loss fix has been released in 1.0.2