touchpdf 中文API

一款在手機端 閱讀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"