Difference between revisions of "Team:Jilin China/Collaborations"

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
Home
Members
Collaborations
Attributtions
Background
Description
Design
Result
Demonstrate
Notebook
Protocols
Safety
Model
Our parts
Improvement
Measurement
Integrated
Engagement
Juding Form
Medals