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.
Did you know...
IDRsolutions offers a whole range of online file converters to convert PDF and Microsoft Excel, Word and Office Documents to HTML5, SVG or image formats?
It is free to use for single file conversions and also includes Developer links if you want to use our commercial software for bulk conversions. Find out more on this page