From 676c326427e99858fe66b35022e72d6b4fb3c800 Mon Sep 17 00:00:00 2001 From: RonLek Date: Sat, 21 Jul 2018 01:32:55 +0530 Subject: [PATCH] Modified Examples to work without systemjs --- README.md | 2 +- examples/helloworld/README.md | 16 ----------- examples/helloworld/hello.js | 40 ---------------------------- examples/helloworld/helloworld.pdf | Bin 678 -> 0 bytes examples/helloworld/index.html | 14 ---------- examples/svgviewer/index.html | 4 +-- examples/svgviewer/viewer.js | 41 ++++++++++++----------------- 7 files changed, 20 insertions(+), 97 deletions(-) delete mode 100644 examples/helloworld/README.md delete mode 100644 examples/helloworld/hello.js delete mode 100644 examples/helloworld/helloworld.pdf delete mode 100644 examples/helloworld/index.html diff --git a/README.md b/README.md index e49790b9e4bf83..a1a3dd68917aa2 100644 --- a/README.md +++ b/README.md @@ -104,7 +104,7 @@ You can play with the PDF.js API directly from your browser using the live demos The repository contains a hello world example that you can run locally: -+ [examples/helloworld/](https://github.com/mozilla/pdf.js/blob/master/examples/helloworld/) ++ [examples/learning/helloworld](https://github.com/mozilla/pdf.js/blob/master/examples/learning/helloworld.html) More examples can be found in the examples folder. Some of them are using the pdfjs-dist package, which can be built and installed in this repo directory via `gulp dist-install` command. diff --git a/examples/helloworld/README.md b/examples/helloworld/README.md deleted file mode 100644 index bc979fbb7698af..00000000000000 --- a/examples/helloworld/README.md +++ /dev/null @@ -1,16 +0,0 @@ -## Overview - -The "hello world" example is a minimalistic application of the PDF.js project. -The file `helloworld.pdf` originates from the GNUpdf project and contains a -simple and human-readable PDF. - -## Getting started - -Instead of simply opening `index.html` in a browser, you must serve the page -using a web server. This can be done on your local machine without an internet -connection. In the root directory of PDF.js, run `gulp server` in a -terminal. The example can then be viewed using the following URL: - -`http://localhost:8888/examples/helloworld/index.html` - -Take a look at `hello.js` to see how to make basic calls to PDF.js. diff --git a/examples/helloworld/hello.js b/examples/helloworld/hello.js deleted file mode 100644 index 08ce2ff29490ae..00000000000000 --- a/examples/helloworld/hello.js +++ /dev/null @@ -1,40 +0,0 @@ -'use strict'; - -// In production, the bundled pdf.js shall be used instead of SystemJS. -Promise.all([System.import('pdfjs/display/api'), - System.import('pdfjs/display/worker_options'), - System.import('pdfjs/display/network'), - System.resolve('pdfjs/worker_loader')]) - .then(function (modules) { - var api = modules[0]; - var GlobalWorkerOptions = modules[1].GlobalWorkerOptions; - var network = modules[2]; - api.setPDFNetworkStreamFactory((params) => { - return new network.PDFNetworkStream(params); - }); - - // In production, change this to point to the built `pdf.worker.js` file. - GlobalWorkerOptions.workerSrc = modules[3]; - - // Fetch the PDF document from the URL using promises. - api.getDocument('helloworld.pdf').then(function (pdf) { - // Fetch the page. - pdf.getPage(1).then(function (page) { - var scale = 1.5; - var viewport = page.getViewport(scale); - - // 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. - var renderContext = { - canvasContext: context, - viewport: viewport - }; - page.render(renderContext); - }); - }); -}); diff --git a/examples/helloworld/helloworld.pdf b/examples/helloworld/helloworld.pdf deleted file mode 100644 index d98b4e1dbef68af5863b06f7dac29f7d11a0ca2d..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 678 zcmZuvO>e?5488kTc!x@xG)7t|9TMWemnLn~5bJH?5NKdUB|%BhV84ELDXe0P)GB%L zdw#YPOh=PO_>cgED9|i6hyg0??Gbk-*B*L3Ky0SRox$H4kO~spx+0j zGvWd;z?(X&3}w!%%5pg{2mGKYfsr_UbG{pzz4jRL_BqcSg|t{3=XG_4{!>30vShn* zL@G1o%-$}^Wa)*FiJ|-Iz{e2VWeQ>=QVrFQtY}YC4r9Kq=jZtA{H)6P-}eh&Hi=tR z)-jMyl{uSfzE!RZ?6PKsNRr6kyUi(jMx0&L+RdNf16cT~4z;py$ zKp0`Vg4-um6y_ekj4iU8J4`n)PI)91>pYx;RVxtK0dZN_iQ`s`E4*MKjfNNMUo7eV y!NP=waTV7R^oFjn$C{qEGB1>^3VhGM6`A2#8AG!_ciVYsed)E`jUWidZ<8MpEU1bA diff --git a/examples/helloworld/index.html b/examples/helloworld/index.html deleted file mode 100644 index e27316eac5a5b2..00000000000000 --- a/examples/helloworld/index.html +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/examples/svgviewer/index.html b/examples/svgviewer/index.html index 2b19c29f79294d..9c3fe2041da664 100644 --- a/examples/svgviewer/index.html +++ b/examples/svgviewer/index.html @@ -6,8 +6,8 @@ PDF.js SVG viewer example - - + +