前端实现用canvas绘制pdf

项目中，有时候会需要文件的预览，由于大部分浏览器都原生支持pdf格式文件的预览，所以只需要使用a标签跳转到pdf路径就可以预览pdf文件了。同样，为了提高兼容性，我们可以引用jquery.media.js文件来加载pdf，当然，前提是你已经引用了jquery。

$('#inner').media({
                   width: '100%',
                   height: '100%',
                   autoplay: true,
                   src:'http://localhost:8080/java.pdf',
                       }); 

上面这两种方法有一个问题，它显示的给出了下载按钮，这是我们所不希望的，我们希望的是用户在我们的产品里面点击下载按钮来下载文件，这样可以统计下载量和下载时间，要么删除按钮，要么使用其他方法来预览pdf文件。然而，上面两个方法都是采用iframe来加载的pdf，iframe里面的节点是无法操作的，因此是无法删除按钮的。因此我只能采用其他的方法。

在探索的过程中，我发现我可以使用pdf.js来进行开发，将pdf的内容渲染为canvas，同时还可以规定显示的页数。在Demo中，提供了一个