`

Html5添加移动触摸的网页版PDF格式文件阅读器插件

 
阅读更多
http://my.oschina.net/u/2505907/blog/598485
一、使用方法
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="pdf.compatibility.js"></script>
<script type="text/javascript" src="pdf.js"></script>
<script type="text/javascript" src="jquery.touchSwipe.js"></script>
<script type="text/javascript" src="jquery.panzoom.js"></script>
<script type="text/javascript" src="jquery.mousewheel.js"></script>
<script type="text/javascript" src="jquery.touchPDF.js"></script>
<link href="jquery.touchPDF.css" rel="stylesheet" media="screen" />


二、Html结构
<div id="myPDF"></div>

三、初始化插件
<script type="text/javascript">
$(function() {
$("#myPDF").pdf( { source: "yourfile.pdf" } );
});
</script>


你也可以为PDF页面添加一些彩色的Tabs书签。
$(function(){      
$("#myPDF").pdf({
source: "demo.pdf",
tabs:[
{title: "Tab 1", page: 2, color: "orange"},
{title: "Tab 2", page: 3, color: "green"},
{title: "Tab 3", page: 5, color: "blue"},
]
});
});
  
分享到:
评论

相关推荐

    支持移动触摸的网页版PDF格式文件阅读器插件

    **网页版PDF阅读器——TouchPDF插件详解** 在当今数字化时代,PDF文件因其便携性和格式稳定性在各个行业中广泛应用。对于网页应用来说,提供一个高效、易用的PDF阅读器至关重要,尤其在移动设备上。`TouchPDF` 插件...

    基于html5的在线pdf阅读js插件

    PDF(Portable Document Format)是一种广泛使用的文件格式,能够保留文档的原始布局和样式,但其在网页上的展示往往需要借助外部工具或插件。 本项目"基于html5的在线pdf阅读js插件"就是针对这一需求而设计的。它...

    手机端pdf预览插件

    在现代的Web应用中,PDF(Portable Document Format)文件预览功能已经成为不可或缺的一部分,尤其是在手机端,用户常常需要查看各种文档,包括PDF格式。本文将详细介绍一个基于jQuery的手机端PDF预览插件,该插件...

    超好的绿色pdf阅读器

    - 移动版PDF阅读器支持在智能手机和平板电脑上阅读PDF,通常具有优化的触摸操作和云同步功能。 - 例如,Adobe Acrobat Reader和Microsoft PDF Reader都有相应的移动端应用,方便用户随时随地查阅PDF。 6. **高级...

    PDF在线预览插件touchPDF

    总之,touchPDF是一款为提高手机端PDF预览体验而设计的强大插件,它通过优秀的触控交互和性能优化,让PDF阅读变得更加流畅。无论是用户还是开发者,都能从中受益,享受更高质量的移动阅读体验。

    实现PDF在线预览,并可以支持手势放大缩小

    它可以解析PDF文件并将其转换为可操作的像素,使得在没有PDF阅读器插件的情况下也能预览PDF。在微信浏览器中,由于安全和隐私的考虑,可能需要使用这种库来避免直接链接到PDF文件。 3. **手势识别**:为了实现手势...

    移动端h5打开pdf项目源码,可手势捏合缩放,分段加载(增强版)

    总的来说,这个项目提供了一个优化的移动端H5 PDF阅读器解决方案,结合了现代Web技术,实现了高效、互动的PDF查看体验。对于希望在移动设备上展示PDF的开发者来说,这是一个值得学习和借鉴的案例。

    PDFJS详细使用说明.rar,强大的PDF在线阅读插件,兼容IE,兼容pc和手机上查看pdf 文件

    这使得PDFJS不仅在PC上,而且在移动设备上,包括iOS和Android系统的浏览器中,都能提供流畅的PDF阅读体验。 标题中的“PDFJS详细使用说明.rar”表明这是一个关于如何使用PDFJS的详细教程,可能包含了如何集成、配置...

    移动端h5打开pdf项目源码,可手势捏合缩放,分段加载

    总的来说,这个移动端H5打开PDF的项目源码利用了`pdf.js`库,结合分段加载和手势缩放技术,为移动设备上的PDF阅读提供了便捷且高效的解决方案。开发者可以根据项目需求对其进行二次开发,以满足特定的应用场景。

    HTML5兼容电脑手机端3D翻页电子书特效.zip

    HTML5是一种先进的网页开发技术,它为网页设计者和开发者提供了更多功能和可能性,使得创建交互性更强、表现力更丰富的网页成为可能。这个“HTML5兼容电脑手机端3D翻页电子书特效.zip”压缩包包含了一套实现3D翻页...

    Unity 加载PDF文件以及翻页,查询,缩放(支持iOS android PC)

    Unity是一款强大的跨平台游戏开发引擎,它被广泛用于创建2D和...通过以上步骤,我们可以创建一个功能完备的PDF阅读器,不仅能在Unity游戏中使用,也可以作为独立的应用程序,为用户提供在不同平台上查看PDF文档的便利。

    移动端 滑动阅读pdf文件

    TouchPDF是一款专为移动端设计的PDF阅读器插件,它提供了平滑的触摸操作支持,让用户能够通过滑动手指来翻页,从而实现无缝的阅读体验。该插件不仅支持基本的阅读功能,还可能包含注释、书签、搜索等高级特性,旨在...

    PDFObject网页显示pdf

    PDFObject 是一个轻量级的JavaScript库,专门用于在网页中嵌入和显示PDF文件,无需依赖Flash或其他插件。这个库使得Web开发者能够轻松地将PDF文档集成到他们的网站中,提供用户友好的阅读体验。以下是关于使用...

    pdf js 手机上在线浏览pdf

    PDF(Portable Document Format)是一种广泛使用的文件格式,用于存储文档,包括文本、图像和图形等。在移动设备如手机上在线浏览PDF文件是一项常见的需求,特别是在教育和工作场景中,如百度文库这样的平台。然而,...

    Unity基于PDFRenderer插件实现文档查看(支持移动端&amp;PC)

    通过集成此插件,开发者可以创建用户友好的PDF阅读器应用,用户可以在游戏或应用内浏览PDF文件,无需依赖外部软件。 1. **PDFRenderer插件介绍**:PDFRenderer提供了C#接口,使得Unity脚本可以直接与PDF文档进行...

    实现PDF文件在线预览

    2. **配置Viewer**:PDF.js自带的Viewer组件提供了一个完整的PDF阅读器界面,包括导航、缩放、搜索等功能。要使用Viewer,只需在页面中包含`viewer.html`文件,然后通过URL参数传递PDF文件的URL。例如:`viewer....

    PDF.js, 支持移动端电脑端PDF查看的浏览器控件

    PDF.js是Mozilla开发的一个开源项目,它提供了一个纯JavaScript实现的PDF阅读器,可以在Web浏览器环境中无缝地查看PDF文档。这个强大的控件使得开发者无需依赖任何桌面应用或插件,即可在网页上实现高质量的PDF文件...

    最精简的pdf.js资源包

    1. **无插件预览**:由于 PDF.js 完全基于 JavaScript 实现,它能在浏览器内核中运行,无需 Adobe Acrobat 或其他第三方 PDF 阅读器插件。 2. **跨平台支持**:无论是桌面端还是移动端,只要浏览器支持 HTML5 和 ...

    js在线阅读pdf(手机端)

    开发者可以参考该项目的源码,了解如何结合PDF.js与手机端特性,创建一个流畅、高效的在线PDF阅读器。 总结起来,"js在线阅读pdf(手机端)"这个主题涵盖了JavaScript编程、PDF.js库的应用、移动设备适配以及性能...

Global site tag (gtag.js) - Google Analytics