forked from HANYANG/HANYANG_MES
63 lines
1.7 KiB
PHP
63 lines
1.7 KiB
PHP
<html>
|
|
<head>
|
|
|
|
</head>
|
|
<body>
|
|
<!--
|
|
<div class="file-viewer-container">
|
|
<file-viewer id="file-viewer" filename="steel_230126.jpg" url="http://steelkorea.kuls.co.kr/include/getFile.php?gubun=att&nid=SK001-01&sid=&file_id=42&tmp_name=undefined&name=flowers-6932317__340.jpg&size=27090&aaa.jpg">
|
|
|
|
</file-viewer>
|
|
</div>
|
|
|
|
</body>
|
|
<script src="https://avipunes.github.io/file-viewer/bundle.js"></script>
|
|
<script>
|
|
document.querySelector("#file-viewer").addEventListener("onload", (e) => console.log("e", e));
|
|
</script>
|
|
-->
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pdfjs-dist@3.5.141/web/pdf_viewer.min.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@3.5.141/build/pdf.min.js"></script>
|
|
|
|
<script>
|
|
let pdfObj, startPage, endPage;
|
|
let loadingTask = pdfjsLib.getDocument("http://steelkorea.kuls.co.kr/base/bizarea/test/steel_230126.pdf");
|
|
loadingTask.promise.then(function(pdf) {
|
|
pdfObj = pdf;
|
|
startPage = 1;
|
|
endPage = pdfObj.numPages;
|
|
pdfObj.getPage(1).then( makePage );
|
|
});
|
|
|
|
function makePage(page){
|
|
let viewport = page.getViewport({ scale: 1, });
|
|
let outputScale = window.devicePixelRatio || 1;
|
|
let canvas = document.createElement( "canvas" );
|
|
let context = canvas.getContext('2d');
|
|
|
|
canvas.width = viewport.width;
|
|
canvas.height = viewport.height;
|
|
canvas.style.display = "block";
|
|
canvas.style.width = '100%';
|
|
|
|
let transform = outputScale !== 1
|
|
? [outputScale, 0, 0, outputScale, 0, 0]
|
|
: null;
|
|
|
|
let renderContext = {
|
|
canvasContext: context,
|
|
viewport: viewport
|
|
};
|
|
page.render(renderContext);
|
|
|
|
document.body.appendChild( canvas );
|
|
|
|
//Move to next page
|
|
startPage++;
|
|
if ( pdfObj !== null && startPage <= endPage ){
|
|
pdfObj.getPage( startPage ).then( makePage );
|
|
}
|
|
}
|
|
</script>
|
|
</html> |