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.