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

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

@@ -17,27 +17,30 @@
<script src="node_modules/angular2/bundles/router.dev.js"></script> <script src="node_modules/angular2/bundles/router.dev.js"></script>
<script src="node_modules/angular2/bundles/http.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> <script>
System.config({ System.config({
defaultJSExtensions: true, defaultJSExtensions: true,
map: { map: {
'rxjs': 'node_modules/rxjs', 'rxjs': 'node_modules/rxjs',
'angular2': 'node_modules/angular2', 'angular2': 'node_modules/angular2',
'PDFJS': 'node_modules/pdfjs-dist/build',
'app': 'dist/main' 'app': 'dist/main'
}, },
packages: { packages: {
'app': { 'app': {
defaultExtension: 'js' defaultExtension: 'js'
}, },
'rxjs': { 'rxjs': {
defaultExtension: 'js' defaultExtension: 'js'
}, },
'angular2': { 'angular2': {
defaultExtension: 'js' defaultExtension: 'js'
},
'PDFJS': {
defaultExtension: 'js'
} }
} }
}); });
@@ -47,7 +50,7 @@
</head> </head>
<body> <body>
<canvas id="the-canvas" style="border:1px solid black;"/>
<ng2-alfresco-viewer>Loading...</ng2-alfresco-viewer> <ng2-alfresco-viewer>Loading...</ng2-alfresco-viewer>
</body> </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 { export class Ng2AlfrescoViewerComponent {
constructor() { 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'); console.log('../contructor');
} }

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

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