Comics PDF Reader

body { font-family: Arial, sans-serif; } #pdf-container { width: 80%; height: 600px; border: 1px solid #ccc; margin: 40px auto; } #pdf-viewer { width: 100%; height: 100%; border: none; } const pdfFileInput = document.getElementById('pdf-file'); const openButton = document.getElementById('open-button'); const pdfContainer = document.getElementById('pdf-container'); const pdfViewer = document.getElementById('pdf-viewer'); pdfFileInput.addEventListener('change', handleFileChange); openButton.addEventListener('click', handleOpenButton); function handleFileChange(event) { const file = event.target.files[0]; if (file.type === 'application/pdf') { const pdfReader = new PDFJS.PDFReader(); pdfReader.loadFile(file).then((pdf) => { const pdfPage = pdf.getPage(1); const scale = 1.5; const viewport = pdfPage.getViewport(scale); const canvas = document.createElement('canvas'); canvas.width = viewport.width; canvas.height = viewport.height; const ctx = canvas.getContext('2d'); pdfPage.render({ canvasContext: ctx, viewport: viewport, }); pdfViewer.appendChild(canvas); }); } } function handleOpenButton() { pdfFileInput.click(); }