embed pdf through iframe, but the embed pdf is fuzzy

marp-team / marp-vscode

Marp for VS Code: Create slide deck written in Marp Markdown on VS Code

MIT License

1.58k stars 75 forks source link

Closed hanqing0521 closed 2 years ago

hanqing0521 commented 2 years ago

I want to embed a pdf in my representation. The iframe of html tag was used

<iframe width="100%" height="80%" src="PhysRevB.67.085311.pdf" frameborder="0">
</iframe>

Not only the marp-vscode but also the marp-cli generates the html with fuzzy embedded pdf

when disable marp and exporting html by Markdown PDF in VSCode , it works well. May some one give me some support. Thanks

yhatt commented 2 years ago

PDF within <iframe> is rasterized based on the original slide page size (1280x720), and the browser shows the enlarged slide to fit to the screen.

If you were using a screen larger than actual page size, PDF may be obscure due to insufficient renderd pixels.

Define and use the custom theme CSS, that has the same or larger slide size than the actual display size.
In Chrome/Chromium, try to force x2 and upper rendering scale factor through --force-device-scale-factor=2 command line option.
Use an alternative browser that has better upscaling render, such as Firefox.

yhatt commented 2 years ago

Marp has a correct behavior about making slide in reality, so we would not take any action for this.

hanqing0521 commented 2 years ago

Thanks, and is there any better method for embedding pdfs?