[mobile开发碎碎念]手机页面上显示PDF文件
2013-12-11 16:00
399 查看
demo:http://mozilla.github.io/pdf.js/web/viewer.html
项目地址:https://github.com/mozilla/pdf.js
项目地址:https://github.com/mozilla/pdf.js
<script type="text/javascript"> // // NOTE: // Modifying the URL below to another server will likely *NOT* work. Because of browser // security restrictions, we have to use a file server with special headers // (CORS) - most servers don't support cross-origin browser requests. // var url = 'aaa.pdf'; // // Disable workers to avoid yet another cross-origin issue (workers need the URL of // the script to be loaded, and dynamically loading a cross-origin script does // not work) // PDFJS.disableWorker = true; // // Asynchronous download PDF as an ArrayBuffer // PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) { // // Fetch the first page // pdf.getPage(1).then(function getPageHelloWorld(page) { var scale = 1.0; var viewport = page.getViewport(($(window).width()-4) / page.getViewport(1.0).width); // // Prepare canvas using PDF page dimensions // var canvas = document.getElementById('the-canvas'); var context = canvas.getContext('2d'); canvas.height = viewport.height; canvas.width = viewport.width; // // Render PDF page into canvas context // page.render({canvasContext: context, viewport: viewport}); }); }); </script>
相关文章推荐
- C# 输出pdf文件流在页面上显示
- iOS开发:PDF文件的加载及显示(网络、本地)
- Android开发:显示PDF文件
- 【C#功能实现】C# 输出pdf文件流在页面上显示
- 在页面上显示后台回传的PDF文件
- SharePoint页面中显示PDF文件的问题
- C# 输出pdf文件流在页面上显示
- lamp开发过程中文件列表页面,文件夹无法显示出来的问题
- object、param标签及页面显示PDF文件的方法
- 利用FlashPaper在web页面中显示PDF文件(兼容各浏览器)
- 这两天使用jquery-mobile写手机页面遇到的append样式不生效,以及listview内容显示不完解决方法
- SNF开发平台WinForm之十三-单独从服务器上获取PDF文件进行显示-SNF快速开发平台3.3-Spring.Net.Framework
- object、param标签及页面显示PDF文件的方法
- C# 输出pdf文件流在页面上显示
- 把pdf格式文件显示在div,不跳框显示。在本页面显示
- ASP.NET 用 FlexPaper 在页面上显示 PDF 文件
- ASP.NET 用 FlexPaper 在页面上显示 PDF 文件
- 利用FlashPaper在web页面中显示PDF文件(兼容各浏览器)
- C# 输出pdf文件流在页面上显示
- 手机网站开发-viewport-按照手机尺寸显示页面