File size: 2,514 Bytes
540cb20 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | // Doc Analyzer - PDF Rendering and Theme Toggle
// Theme toggle functionality
function initTheme() {
const savedTheme = localStorage.getItem('theme') || 'dark';
document.documentElement.setAttribute('data-theme', savedTheme);
const themeToggle = document.querySelector('.theme-toggle');
if (themeToggle) {
themeToggle.addEventListener('click', () => {
const currentTheme = document.documentElement.getAttribute('data-theme');
const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
document.documentElement.setAttribute('data-theme', newTheme);
localStorage.setItem('theme', newTheme);
});
}
}
// PDF rendering functionality
async function renderPDF(pdfUrl, canvasId) {
const canvas = document.getElementById(canvasId);
if (!canvas) return;
const ctx = canvas.getContext('2d');
try {
// Load PDF.js from CDN
const pdfjsLib = await import('https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.mjs');
pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.mjs';
// Load the PDF document
const loadingTask = pdfjsLib.getDocument(pdfUrl);
const pdf = await loadingTask.promise;
// Get first page
const page = await pdf.getPage(1);
// Calculate scale to fit canvas width
const viewport = page.getViewport({ scale: 1 });
const scale = canvas.width / viewport.width;
const scaledViewport = page.getViewport({ scale: scale });
// Set canvas dimensions
canvas.height = scaledViewport.height;
canvas.width = scaledViewport.width;
// Render page
const renderContext = {
canvasContext: ctx,
viewport: scaledViewport
};
await page.render(renderContext).promise;
} catch (error) {
console.error('Error rendering PDF:', error);
ctx.fillStyle = '#ef4444';
ctx.font = '16px Arial';
ctx.fillText('Error loading PDF', 10, 30);
}
}
// Initialize on page load
document.addEventListener('DOMContentLoaded', () => {
initTheme();
// Check for PDF to render
const pdfUrl = document.getElementById('pdf-url');
const canvasId = document.getElementById('canvas-id');
if (pdfUrl && canvasId) {
renderPDF(pdfUrl.value, canvasId.value);
}
}); |