As I have been asked this frequently, I thought it would make a good blog topic.
When you create an HTML version of a PDF file, you can essentially do this in the following ways:-
1. Draw everything onto an image of the page and show the image. This has the advantage that it looks exact but results in very large files. When you scale in you get pixellation.
2. Place the text inside a div element and put the rest on the image. This gives you better text quality on scaling but you will need the correct fonts and the text positioning may not be exact. You still get the problems with a big image.
3. Place the text inside a div element and use the Canvas of SVG for all Vector content. This removes the need for a huge image. You could still see some pixellation on the canvas but the file is much smaller. The downside is that you need a modern browser.
If you want to see the sort of results, you can get with option 3, why not give our PDF2HTML5 convertor a spin?
This post is part of our “SVG Article Index” in these articles, we aim to help you build knowledge and understand SVG.
Latest posts by Mark Stephens (see all)
- My experience of a Turkish bath (visiting Istanbul for DevFest) - November 24, 2017
- My 5 key takeaways from JavaOne 2017 - October 6, 2017
- My notes and pictures from thursday JavaOne 2017 - October 5, 2017
- My notes and pictures from Wednesday JavaOne 2017 - October 5, 2017
- My notes and pictures from Tuesday JavaOne 2017 - October 4, 2017