inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

#68 load first internal pdf

Browse Source
This commit is contained in:
Eugenio Romano
2016-05-19 15:04:20 +01:00
parent 40946d5fc0
commit 127eb30066
3 changed files with 38 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
ng2-components/ng2-alfresco-viewer/index.html
View File

@@ -17,13 +17,19 @@
<script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="node_modules/angular2/bundles/http.dev.js"></script>
<script src="node_modules/pdfjs-dist/build/pdf.js"></script>
<script src="node_modules/pdfjs-dist/build/pdf.worker.js"></script>
<script>
PDFJS.workerSrc = 'node_modules/pdfjs-dist/build/pdf.worker.js';
</script>
<script>
System.config({
defaultJSExtensions: true,
map: {
'rxjs': 'node_modules/rxjs',
'angular2': 'node_modules/angular2',
'PDFJS': 'node_modules/pdfjs-dist/build',
'app': 'dist/main'
},
packages: {
@@ -35,9 +41,6 @@
},
'angular2': {
defaultExtension: 'js'
},
'PDFJS': {
defaultExtension: 'js'
}
}
});
@@ -47,7 +50,7 @@
</head>
<body>
<canvas id="the-canvas" style="border:1px solid black;"/>
<ng2-alfresco-viewer>Loading...</ng2-alfresco-viewer>
</body>

26
ng2-components/ng2-alfresco-viewer/src/ng2-alfresco-viewer.component.ts
View File

@@ -31,6 +31,32 @@ import {Component} from 'angular2/core';
export class Ng2AlfrescoViewerComponent {
constructor() {
PDFJS.getDocument('../localTestFile.pdf').then(function getPdfHelloWorld(pdf) {
//
// Fetch the first page
//
pdf.getPage(1).then(function getPageHelloWorld(page) {
let scale = 1.5;
let viewport = page.getViewport(scale);
//
// Prepare canvas using PDF page dimensions
//
let canvas:any = document.getElementById('the-canvas');
let context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
//
// Render PDF page into canvas context
//
let renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext);
});
});
console.log('../contructor');
}

3
ng2-components/ng2-alfresco-viewer/typings.json
View File

@@ -2,5 +2,8 @@
"ambientDependencies": {
"es6-shim": "github:DefinitelyTyped/DefinitelyTyped/es6-shim/es6-shim.d.ts#7de6c3dd94feaeb21f20054b9f30d5dabc5efabd",
"jasmine": "github:DefinitelyTyped/DefinitelyTyped/jasmine/jasmine.d.ts#5c182b9af717f73146399c2485f70f1e2ac0ff2b"
},
"globalDependencies": {
"pdf": "registry:dt/pdf#0.0.0+20160324080756"
}
}