Luanhaixin (Talk | contribs) |
Luanhaixin (Talk | contribs) |
||
Line 158: | Line 158: | ||
</div> | </div> | ||
+ | |||
+ | |||
+ | <script src="https://2019.igem.org/wiki/index.php?title=Template:Jilin_China/pdf.js&action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | |||
+ | PDFJS.workerSrc = 'https://2019.igem.org/wiki/index.php?title=Template:Jilin_China/pdfworker.js&action=raw&ctype=text/javascript"'; | ||
+ | PDFJS.getDocument('https://static.igem.org/mediawiki/2019/3/33/T--Jilin_China--Team--test.pdf | ||
+ | ').then(pdf=>{ | ||
+ | var numPages = pdf.numPages; | ||
+ | var start = 1; | ||
+ | renderPageAsync(pdf, numPages, start); | ||
+ | }); | ||
+ | |||
+ | function renderPage(pdf, numPages, current){ | ||
+ | console.log("renderPage"); | ||
+ | pdf.getPage(current++).then(page=>{ | ||
+ | //console.log('page', page); | ||
+ | //page.getTextContent().then(v=>console.log(v)); | ||
+ | var scale = 1.5; | ||
+ | var viewport = page.getViewport(scale); | ||
+ | // Prepare canvas using PDF page dimensions. | ||
+ | var canvas = document.createElement("canvas"); | ||
+ | var context = canvas.getContext('2d'); | ||
+ | document.body.appendChild(canvas); | ||
+ | |||
+ | canvas.height = viewport.height; | ||
+ | canvas.width = viewport.width; | ||
+ | |||
+ | // Render PDF page into canvas context. | ||
+ | var renderContext = { | ||
+ | canvasContext: context, | ||
+ | viewport: viewport | ||
+ | }; | ||
+ | page.render(renderContext); | ||
+ | |||
+ | //next | ||
+ | if(current<=numPages)return renderPage(pdf, numPages, current); | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | async function renderPageAsync(pdf, numPages, current){ | ||
+ | console.log("renderPage async"); | ||
+ | for(let i=1; i<=numPages; i++){ | ||
+ | // page | ||
+ | let page = await pdf.getPage(i); | ||
+ | |||
+ | let scale = 1.5; | ||
+ | let viewport = page.getViewport(scale); | ||
+ | // Prepare canvas using PDF page dimensions. | ||
+ | let canvas = document.createElement("canvas"); | ||
+ | let context = canvas.getContext('2d'); | ||
+ | document.body.appendChild(canvas); | ||
+ | |||
+ | canvas.height = viewport.height; | ||
+ | canvas.width = viewport.width; | ||
+ | |||
+ | // Render PDF page into canvas context. | ||
+ | let renderContext = { | ||
+ | canvasContext: context, | ||
+ | viewport: viewport | ||
+ | }; | ||
+ | page.render(renderContext); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | </script> | ||
Line 163: | Line 236: | ||
<html> | <html> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </html> |
Revision as of 13:57, 6 October 2019
Team
Project
Lab
Model
Parts
HP
Judging