手机端阅读 pdf 文件 touchPDF.js

touchpdf 中文API

下载地址： http://github.com/loicminghetti/touchpdf/archive/master.zip

一款在手机端阅读pdf 文件的 js库，能够通过滑动进行 pdf 预览翻页
TouchPDF是一个jQuery插件，它使用pdf.js短语和呈现支持触摸手势和自动页面选项卡的Web PDF查看器。

依赖关系：

PDF.js
jQuery touchSwipe插件
jQuery panzoom插件
jQuery mousewheel插件

特征：

PDF可以使用滚动，两个手指捏，+/-键和工具栏按钮进行缩放。
PDF可以使用一根手指刷。
在文档顶部的工具栏，标题，页码和下一页/上一页和缩放的按钮。
如何使用它：

1.将jQuery TouchPDF的CSS文件加载到文档的头部。

<link href="jquery.touchPDF.css" rel="stylesheet">

2.在文档末尾加载jQuery库，jQuery TouchPDF插件和其他必需的资源。

<script src="pdf.compatibility.js"></script><script src="pdf.js"></script><script src="//code.jquery.com/jquery-1.11.2.min.js"></script><script src="jquery.touchSwipe.min.js"></script><script src="jquery.touchPDF.js"></script><script src="jquery.panzoom.js"></script><script src="jquery.mousewheel.js"></script>

3.为Web PDF查看器创建一个DOM元素。

<div id="myPDF"></div>

4.初始化插件并指定要在DOM元素中显示的PDF文件的路径。

$(function() {$("#myPDF").pdf( {source: "demo.pdf",// MORE SETTINGS HERE} );
});

5.插件参数设置

// Path of PDF file to display
source: null,// Title of the PDF to be displayed in the toolbar
title: "TouchPDF",// Array of tabs to display on the side.
tabs: [],// Default background color for all tabs.
// Available colors are "green", "yellow", "orange", "brown",
// "blue", "white", "black" and you can define your own colors with CSS.
tabsColor: "beige",// Disable zooming of PDF document.
disable<a href="http://www.jqueryscript.net/zoom/">Zoom</a>: false,// Disable swipe to next/prev page of PDF document.
disableSwipe: false,// Disable all internal and external links on PDF document
disableLinks: false,// Disable the arrow keys for next/previous page and +/- for zooming
disableKeys: false,// Force resize of PDF viewer on window resize
redrawOnWindowResize: true,// Show a toolbar on top of the document with title,
// page number and buttons for next/prev pages and zooming
showToolbar: true,// A handler triggered when PDF document is loaded
loaded: null,// A handler triggered each time a new page is displayed
changed: null,// Text or HTML displayed on white page shown before document is loaded
loadingHeight: 841,// Height in px of white page shown before document is loaded
loadingWidth: 595,// Width in px of white page shown before document is loaded
loadingHTML: "Loading PDF"

手机端阅读 pdf 文件 touchPDF.js相关推荐

分享一款手机端的PDF文件编辑软件「PDF处理助手」简单、免费
今天给大家来一款手机端的PDF文件编辑神器,"PDF处理助手",不过这款软件目前只有Android端的喔,ios的小伙伴有需要的话可以直接去Appstore搜索[pdf]下载相关的 ...
Android MuPDF 阅读PDF文件
MuPDF是一款轻量级的开源软件,可以用来阅读PDF文件.下载完源代码以后,想要运行成功,除了Android SDK之外,还需要Android NDK环境,因此有点麻烦. 但是一旦安装完必须的环境以后 ...
轻快PDF阅读器阅读pdf文件步骤
每天都要用到各种不同类型文档格式,像WORD这些文档格式已经是我们使用最多的格式了,所以说当我们碰见PDF格式时,经常会手忙脚乱的.其实也就是利用一个辅助工具就可以完成对PDF的阅读了,大家可能还不清 ...
手机端微信传动文件，超出文件限制，怎么办？
手机端微信传动文件,超出文件限制,怎么办? 手机端不行,用电脑版微信传动文件,最大可以是25M.
ipad iphone开发_如何在iPhone或iPad上阅读PDF文件
ipad iphone开发 PDFs are something of a necessary evil. Sure, they're a handy way to preserve any docu ...
Citavi阅读PDF文件中目录位置
一般阅读pdf文件,如果文件内内嵌目录数据,可以根据目录,跳转到PDF文件的对应章节. citavi也不例外 citavi调出目录章节位置如下图所示: 1. 点击左下方的搜索框 2. 点击目录标志即 ...
pdf.js 实现阅读pdf文件
pdf.js跨域读取文件pdf文件 1.pdf.js获取文件的方法 You can modify the defaultUrl app option in the web/app_options.js ...
android 阅读pdf 文件,Android实如今线阅读PDF文件
介绍最近项目有个须要,须要正在APP内在线阅读Office.PDF文件,要求不能下载.不能修改只能阅读.在查阅了相关的资料,主要参考该文章,发现Android实现解析Office文件有三种方式:an ...
在手机端浏览pdf文件，遇到的问题整理
在起微信中预览文件第一种方法: 直接使用a标签,将href属性的值赋为你想要展示的文件的路径地址. 我用自己的手机测试(android)时,主要要经过下面的流程打开----->首先下载QQ浏 ...

手机端阅读 pdf 文件 touchPDF.js

touchpdf 中文API

依赖关系：

特征：

手机端阅读 pdf 文件 touchPDF.js相关推荐

最新文章

热门文章

手机端 阅读 pdf 文件 touchPDF.js

touchpdf 中文API

依赖关系：

特征：

手机端 阅读 pdf 文件 touchPDF.js相关推荐

最新文章

热门文章

手机端阅读 pdf 文件 touchPDF.js

手机端阅读 pdf 文件 touchPDF.js相关推荐