[Pkg-javascript-commits] [pdf.js] 61/141: Adds text-only example

Sat Apr 19 22:40:30 UTC 2014

This is an automated email from the git hooks/post-receive script.

taffit pushed a commit to branch master
in repository pdf.js.

commit e128081857cde1fd8f0d1337992eb945345a638a
Author: Yury Delendik <ydelendik at mozilla.com>
Date:   Wed Apr 9 21:59:19 2014 -0500

    Adds text-only example
---
 examples/text-only/index.html | 13 +++++++++
 examples/text-only/pdf2svg.js | 68 +++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 81 insertions(+)

diff --git a/examples/text-only/index.html b/examples/text-only/index.html
new file mode 100644
index 0000000..332532a
--- /dev/null
+++ b/examples/text-only/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Text-only PDF.js example</title>
+    <script src="../../build/generic/build/pdf.js" type="text/javascript"></script>
+    <script src="pdf2svg.js"></script>
+</head>
+<body>
+  <p>Text-only PDF.js example</p>
+  <div id="pageContainer" style="display: inline-block; border: solid 1px black;">
+  </div>
+</body>
+</html>
diff --git a/examples/text-only/pdf2svg.js b/examples/text-only/pdf2svg.js
new file mode 100644
index 0000000..eb81539
--- /dev/null
+++ b/examples/text-only/pdf2svg.js
@@ -0,0 +1,68 @@
+/* Copyright 2014 Mozilla Foundation
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+var PDF_PATH = '../../web/compressed.tracemonkey-pldi-09.pdf';
+var PAGE_NUMBER = 1;
+var PAGE_SCALE = 1.5;
+var SVG_NS = 'http://www.w3.org/2000/svg';
+
+function buildSVG(viewport, textContent) {
+  // Building SVG with size of the viewport (for simplicity)
+  var svg = document.createElementNS(SVG_NS, 'svg:svg');
+  svg.setAttribute('width', viewport.width + 'px');
+  svg.setAttribute('height', viewport.height + 'px');
+  // items are transformed to have 1px font size
+  svg.setAttribute('font-size', 1);
+
+  // processing all items
+  textContent.items.forEach(function (textItem) {
+    // we have to take in account viewport transform, which incudes scale,
+    // rotation and Y-axis flip, and not forgetting to flip text.
+    var tx = PDFJS.Util.transform(
+      PDFJS.Util.transform(viewport.transform, textItem.transform),
+      [1, 0, 0, -1, 0, 0]);
+    var style = textContent.styles[textItem.fontName];
+    // adding text element
+    var text = document.createElementNS(SVG_NS, 'svg:text');
+    text.setAttribute('transform', 'matrix(' + tx.join(' ') + ')');
+    text.setAttribute('font-family', style.fontFamily);
+    text.textContent = textItem.str;
+    svg.appendChild(text);
+  });
+  return svg;
+}
+
+function pageLoaded() {
+  // Loading document and page text content
+  PDFJS.getDocument({url: PDF_PATH}).then(function (pdfDocument) {
+    pdfDocument.getPage(PAGE_NUMBER).then(function (page) {
+      var viewport = page.getViewport(PAGE_SCALE);
+      page.getTextContent().then(function (textContent) {
+        // building SVG and adding that to the DOM
+        var svg = buildSVG(viewport, textContent);
+        document.getElementById('pageContainer').appendChild(svg);
+      });
+    });
+  });
+}
+
+document.addEventListener('DOMContentLoaded', function () {
+  if (typeof PDFJS === 'undefined') {
+    alert('Built version of PDF.js was not found.\n' +
+          'Please run `node make generic`.');
+    return;
+  }
+  pageLoaded();
+});

-- 
Alioth's /usr/local/bin/git-commit-notice on /srv/git.debian.org/git/pkg-javascript/pdf.js.git

