PDF Fusion - Pr\u00e9visualisation avec Dimensions Originales<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n .pdf-fusion-widget {\r\n --background-color: #263238;\r\n --text-color: #eceff1;\r\n --border-color: #546e7a;\r\n --button-color: #64b5f6;\r\n --button-hover-color: #42a5f5;\r\n --header-color: #37474f;\r\n --secondary-color: #455a64;\r\n --border-radius: 8px;\r\n }\r\n\r\n .pdf-fusion-widget body, .pdf-fusion-widget html {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Roboto', sans-serif;\r\n height: 100vh;\r\n background-color: var(--background-color);\r\n color: var(--text-color);\r\n transition: all 0.3s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .container {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100vh;\r\n }\r\n\r\n .pdf-fusion-widget .hero-section {\r\n background: transparent; \/* Laisse l'arri\u00e8re-plan Matrix visible *\/\r\n padding: 1rem;\r\n text-align: center;\r\n color: var(--text-color);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .hero-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: transparent;\r\n opacity: 0.7;\r\n z-index: 1;\r\n }\r\n\r\n .pdf-fusion-widget .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .pdf-fusion-widget .matrix-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 0;\r\n }\r\n\r\n .pdf-fusion-widget .hero-section h1 {\r\n font-size: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n font-weight: 700;\r\n }\r\n\r\n .pdf-fusion-widget .hero-section p {\r\n font-size: 0.9rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.4;\r\n }\r\n\r\n .pdf-fusion-widget main {\r\n display: flex;\r\n flex: 1;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .panel {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: var(--background-color);\r\n border: 1px solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n overflow: hidden;\r\n margin: 0.5rem;\r\n }\r\n\r\n .pdf-fusion-widget .section-header {\r\n background-color: var(--header-color);\r\n color: var(--text-color);\r\n padding: 0.5rem;\r\n font-weight: 600;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .pdf-fusion-widget .drop-zone {\r\n flex: 0 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 1rem;\r\n border: 2px dashed var(--border-color);\r\n border-radius: var(--border-radius);\r\n margin: 0.5rem;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n background-color: rgba(52, 152, 219, 0.05);\r\n height: 100px;\r\n }\r\n\r\n .pdf-fusion-widget .drop-zone:hover, .pdf-fusion-widget .drop-zone.drag-over {\r\n background-color: rgba(52, 152, 219, 0.1);\r\n border-color: var(--button-color);\r\n }\r\n\r\n .pdf-fusion-widget .drop-zone p {\r\n font-size: 0.9rem;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-color); \/* Texte en noir ou en blanc selon le mode *\/\r\n }\r\n\r\n .pdf-fusion-widget .btn {\r\n padding: 0.5rem 1rem;\r\n background-color: var(--button-color);\r\n color: white;\r\n border: none;\r\n border-radius: var(--border-radius);\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .pdf-fusion-widget .btn:hover {\r\n background-color: var(--button-hover-color);\r\n }\r\n\r\n .pdf-fusion-widget .btn:disabled {\r\n background-color: var(--border-color);\r\n cursor: not-allowed;\r\n }\r\n\r\n .pdf-fusion-widget #pdf-preview {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .preview-container {\r\n flex: 1;\r\n display: flex;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail-container {\r\n width: 150px;\r\n overflow-y: auto;\r\n padding: 0.5rem;\r\n background-color: var(--secondary-color);\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail {\r\n width: 100%;\r\n aspect-ratio: 3\/4;\r\n object-fit: cover;\r\n margin-bottom: 0.5rem;\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail.active {\r\n border-color: var(--button-color);\r\n }\r\n\r\n .pdf-fusion-widget .preview-main {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n overflow: auto;\r\n background-color: #fff;\r\n }\r\n\r\n .pdf-fusion-widget .progress-bar {\r\n width: 100%;\r\n height: 6px;\r\n background-color: var(--background-color);\r\n border-radius: 3px;\r\n margin-top: 0.5rem;\r\n overflow: hidden;\r\n display: none;\r\n }\r\n\r\n .pdf-fusion-widget .progress {\r\n width: 0%;\r\n height: 100%;\r\n background-color: var(--button-color);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translateY(0px); }\r\n 50% { transform: translateY(-5px); }\r\n 100% { transform: translateY(0px); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .pdf-fusion-widget main {\r\n flex-direction: column;\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail-container {\r\n width: 100%;\r\n height: 100px;\r\n display: flex;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail {\r\n width: auto;\r\n height: 100%;\r\n aspect-ratio: unset;\r\n margin-right: 0.5rem;\r\n margin-bottom: 0;\r\n }\r\n\r\n .pdf-fusion-widget .preview-container {\r\n flex-direction: column;\r\n }\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <div class=\"container\">\r\n <section class=\"hero-section\">\r\n <div class=\"matrix-bg\" id=\"matrix-bg\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1>PDF Fusion<\/h1>\r\n <p>Fusionnez vos fichiers PDF en quelques clics. Glissez, d\u00e9posez, et laissez la magie op\u00e9rer !<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <main>\r\n <div class=\"panel\">\r\n <div class=\"section-header\">\r\n <span>Fichiers PDF<\/span>\r\n <\/div>\r\n <div class=\"drop-zone\" id=\"drop-zone\">\r\n <p>Glissez et d\u00e9posez vos fichiers PDF ici<\/p>\r\n <input type=\"file\" id=\"file-input\" accept=\".pdf\" multiple style=\"display: none;\">\r\n <button class=\"btn\" onclick=\"document.getElementById('file-input').click()\">\r\n <i class=\"fas fa-file-upload\"><\/i> S\u00e9lectionner\r\n <\/button>\r\n <\/div>\r\n <ul id=\"file-list\"><\/ul>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" id=\"progress\"><\/div>\r\n <\/div>\r\n <button id=\"merge-btn\" class=\"btn\" disabled>\r\n <i class=\"fas fa-object-group\"><\/i> Fusionner les PDF\r\n <\/button>\r\n <\/div>\r\n <div class=\"panel\">\r\n <div class=\"section-header\">\r\n <span>Pr\u00e9visualisation<\/span>\r\n <\/div>\r\n <div id=\"pdf-preview\">\r\n <div class=\"preview-container\">\r\n <div class=\"thumbnail-container\" id=\"thumbnail-container\"><\/div>\r\n <div class=\"preview-main\" id=\"preview-main\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf-lib\/1.17.1\/pdf-lib.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/downloadjs\/1.4.8\/download.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Sortable\/1.14.0\/Sortable.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.9.359\/pdf.min.js\"><\/script>\r\n\r\n <script>\r\n const dropZone = document.getElementById('drop-zone');\r\n const fileInput = document.getElementById('file-input');\r\n const fileList = document.getElementById('file-list');\r\n const mergeBtn = document.getElementById('merge-btn');\r\n const progressBar = document.querySelector('.progress-bar');\r\n const progress = document.getElementById('progress');\r\n const pdfPreview = document.getElementById('pdf-preview');\r\n const matrixBg = document.getElementById('matrix-bg');\r\n const thumbnailContainer = document.getElementById('thumbnail-container');\r\n const previewMain = document.getElementById('preview-main');\r\n\r\n let files = [];\r\n let currentPdfDoc = null;\r\n let currentPage = 1;\r\n let totalPages = 0;\r\n\r\n pdfjsLib.GlobalWorkerOptions.workerSrc = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.9.359\/pdf.worker.min.js';\r\n\r\n \/\/ Initialize drag and drop sorting for file list\r\n new Sortable(fileList, {\r\n animation: 150,\r\n ghostClass: 'sortable-ghost',\r\n onEnd: function(evt) {\r\n const item = files[evt.oldIndex];\r\n files.splice(evt.oldIndex, 1);\r\n files.splice(evt.newIndex, 0, item);\r\n updatePreview();\r\n }\r\n });\r\n\r\n dropZone.addEventListener('dragover', (e) => {\r\n e.preventDefault();\r\n dropZone.classList.add('drag-over');\r\n });\r\n\r\n dropZone.addEventListener('dragleave', () => {\r\n dropZone.classList.remove('drag-over');\r\n });\r\n\r\n dropZone.addEventListener('drop', (e) => {\r\n e.preventDefault();\r\n dropZone.classList.remove('drag-over');\r\n const droppedFiles = Array.from(e.dataTransfer.files).filter(file => file.type === 'application\/pdf');\r\n handleFiles(droppedFiles);\r\n });\r\n\r\n fileInput.addEventListener('change', (e) => {\r\n const selectedFiles = Array.from(e.target.files).filter(file => file.type === 'application\/pdf');\r\n handleFiles(selectedFiles);\r\n });\r\n\r\n async function handleFiles(newFiles) {\r\n files = [...files, ...newFiles];\r\n updateFileList();\r\n updateMergeButton();\r\n await updatePreview();\r\n }\r\n\r\n function updateFileList() {\r\n fileList.innerHTML = '';\r\n files.forEach((file, index) => {\r\n const li = document.createElement('li');\r\n li.innerHTML = `\r\n <span style=\"color: var(--text-color);\"><i class=\"fas fa-file-pdf\"><\/i> ${file.name}<\/span>\r\n <button class=\"btn\" onclick=\"removeFile(${index})\"><i class=\"fas fa-trash\"><\/i><\/button>\r\n `;\r\n fileList.appendChild(li);\r\n });\r\n }\r\n\r\n async function removeFile(index) {\r\n files.splice(index, 1);\r\n updateFileList();\r\n updateMergeButton();\r\n await updatePreview();\r\n }\r\n\r\n function updateMergeButton() {\r\n mergeBtn.disabled = files.length < 2;\r\n }\r\n\r\n async function updatePreview() {\r\n thumbnailContainer.innerHTML = '';\r\n previewMain.innerHTML = '';\r\n currentPage = 1;\r\n totalPages = 0;\r\n\r\n if (files.length === 0) {\r\n return;\r\n }\r\n\r\n for (let i = 0; i < files.length; i++) {\r\n const file = files[i];\r\n const arrayBuffer = await file.arrayBuffer();\r\n const pdf = await pdfjsLib.getDocument(arrayBuffer).promise;\r\n \r\n for (let j = 1; j <= pdf.numPages; j++) {\r\n totalPages++;\r\n const page = await pdf.getPage(j);\r\n const viewport = page.getViewport({ scale: 1 });\r\n const scale = 150 \/ viewport.width;\r\n \r\n const canvas = document.createElement('canvas');\r\n const context = canvas.getContext('2d');\r\n canvas.height = viewport.height * scale;\r\n canvas.width = viewport.width * scale;\r\n \r\n const renderContext = {\r\n canvasContext: context,\r\n viewport: page.getViewport({ scale: scale })\r\n };\r\n \r\n await page.render(renderContext).promise;\r\n \r\n const thumbnail = document.createElement('img');\r\n thumbnail.src = canvas.toDataURL();\r\n thumbnail.className = 'thumbnail';\r\n thumbnail.dataset.pdfIndex = i;\r\n thumbnail.dataset.pageNum = j;\r\n thumbnail.addEventListener('click', () => {\r\n currentPdfDoc = pdf;\r\n currentPage = j;\r\n renderPage(j);\r\n });\r\n \r\n thumbnailContainer.appendChild(thumbnail);\r\n }\r\n }\r\n\r\n currentPdfDoc = await pdfjsLib.getDocument(await files[0].arrayBuffer()).promise;\r\n renderPage(1);\r\n }\r\n\r\n async function renderPage(num) {\r\n previewMain.innerHTML = '';\r\n const page = await currentPdfDoc.getPage(num);\r\n const viewport = page.getViewport({ scale: 1 });\r\n \r\n const canvas = document.createElement('canvas');\r\n const context = canvas.getContext('2d');\r\n\r\n \/\/ Calculate the maximum width and height available for the preview\r\n const maxWidth = previewMain.clientWidth;\r\n const maxHeight = previewMain.clientHeight;\r\n \r\n \/\/ Calculate the scale needed to fit the page within the available space\r\n const scaleX = maxWidth \/ viewport.width;\r\n const scaleY = maxHeight \/ viewport.height;\r\n const scale = Math.min(scaleX, scaleY);\r\n \r\n const scaledViewport = page.getViewport({ scale: scale });\r\n \r\n canvas.height = scaledViewport.height;\r\n canvas.width = scaledViewport.width;\r\n \r\n const renderContext = {\r\n canvasContext: context,\r\n viewport: scaledViewport\r\n };\r\n \r\n await page.render(renderContext).promise;\r\n previewMain.appendChild(canvas);\r\n\r\n currentPage = num;\r\n updatePageControls();\r\n }\r\n\r\n function updatePageControls() {\r\n const thumbnails = thumbnailContainer.querySelectorAll('.thumbnail');\r\n thumbnails.forEach(thumb => {\r\n thumb.classList.remove('active');\r\n if (parseInt(thumb.dataset.pageNum) === currentPage) {\r\n thumb.classList.add('active');\r\n thumb.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n }\r\n });\r\n }\r\n\r\n mergeBtn.addEventListener('click', async () => {\r\n if (files.length < 2) return;\r\n\r\n mergeBtn.disabled = true;\r\n progressBar.style.display = 'block';\r\n\r\n try {\r\n const pdfDoc = await PDFLib.PDFDocument.create();\r\n let totalPages = 0;\r\n \r\n for (let i = 0; i < files.length; i++) {\r\n const file = files[i];\r\n const arrayBuffer = await file.arrayBuffer();\r\n const pdf = await PDFLib.PDFDocument.load(arrayBuffer);\r\n const copiedPages = await pdfDoc.copyPages(pdf, pdf.getPageIndices());\r\n copiedPages.forEach((page) => pdfDoc.addPage(page));\r\n \r\n totalPages += pdf.getPageCount();\r\n progress.style.width = `${((i + 1) \/ files.length) * 100}%`;\r\n }\r\n\r\n const pdfBytes = await pdfDoc.save();\r\n download(pdfBytes, \"merged_document.pdf\", \"application\/pdf\");\r\n } catch (error) {\r\n console.error('Error merging PDFs:', error);\r\n alert('Une erreur est survenue lors de la fusion des PDFs. Veuillez r\u00e9essayer.');\r\n } finally {\r\n mergeBtn.disabled = false;\r\n progressBar.style.display = 'none';\r\n progress.style.width = '0%';\r\n }\r\n });\r\n\r\n \/\/ Matrix background animation\r\n function createMatrixBackground() {\r\n const canvas = document.createElement('canvas');\r\n const ctx = canvas.getContext('2d');\r\n canvas.width = matrixBg.offsetWidth;\r\n canvas.height = matrixBg.offsetHeight;\r\n matrixBg.appendChild(canvas);\r\n\r\n const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%^&*()_+{}|:<>?';\r\n const fontSize = 10;\r\n const columns = canvas.width \/ fontSize;\r\n const drops = [];\r\n\r\n for (let i = 0; i < columns; i++) {\r\n drops[i] = 1;\r\n }\r\n\r\n function draw() {\r\n ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';\r\n ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n ctx.fillStyle = '#0f0';\r\n ctx.font = fontSize + 'px monospace';\r\n\r\n for (let i = 0; i < drops.length; i++) {\r\n const text = chars[Math.floor(Math.random() * chars.length)];\r\n ctx.fillText(text, i * fontSize, drops[i] * fontSize);\r\n if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {\r\n drops[i] = 0;\r\n }\r\n drops[i]++;\r\n }\r\n }\r\n\r\n setInterval(draw, 33);\r\n }\r\n\r\n createMatrixBackground();\r\n\r\n \/\/ Resize event listener to update preview when window size changes\r\n window.addEventListener('resize', () => {\r\n if (currentPdfDoc) {\r\n renderPage(currentPage);\r\n }\r\n });\r\n <\/script>\r\n <\/body>\r\n <\/html>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PDF Fusion – Pr\u00e9visualisation avec Dimensions Originales PDF Fusion Fusionnez vos fichiers PDF en quelques clics. Glissez, d\u00e9posez, et laissez la magie op\u00e9rer ! Fichiers PDF Glissez et d\u00e9posez vos fichiers PDF ici S\u00e9lectionner Fusionner les PDF Pr\u00e9visualisation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools<\/title>\n<meta name=\"description\" content=\"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools\" \/>\n<meta property=\"og:description\" content=\"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\" \/>\n<meta property=\"og:site_name\" content=\"Pacific PDF Webtools\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-07T16:14:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\",\"url\":\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\",\"name\":\"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools\",\"isPartOf\":{\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/#website\"},\"datePublished\":\"2024-09-07T16:05:17+00:00\",\"dateModified\":\"2024-09-07T16:14:44+00:00\",\"description\":\"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.\",\"breadcrumb\":{\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pacific-webtools.com\/pdf\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PDF Fusion – Pr\u00e9visualisation et Fusion de PDF\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/#website\",\"url\":\"https:\/\/pacific-webtools.com\/pdf\/\",\"name\":\"Pacific PDF Webtools\",\"description\":\"Tous les outils PDF : Fusionner, Diviser, Convertir, Modifier et Compresser vos PDF en ligne facilement\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pacific-webtools.com\/pdf\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n","yoast_head_json":{"title":"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools","description":"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/","og_locale":"fr_FR","og_type":"article","og_title":"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools","og_description":"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.","og_url":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/","og_site_name":"Pacific PDF Webtools","article_modified_time":"2024-09-07T16:14:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/","url":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/","name":"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools","isPartOf":{"@id":"https:\/\/pacific-webtools.com\/pdf\/#website"},"datePublished":"2024-09-07T16:05:17+00:00","dateModified":"2024-09-07T16:14:44+00:00","description":"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.","breadcrumb":{"@id":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pacific-webtools.com\/pdf\/"},{"@type":"ListItem","position":2,"name":"PDF Fusion – Pr\u00e9visualisation et Fusion de PDF"}]},{"@type":"WebSite","@id":"https:\/\/pacific-webtools.com\/pdf\/#website","url":"https:\/\/pacific-webtools.com\/pdf\/","name":"Pacific PDF Webtools","description":"Tous les outils PDF : Fusionner, Diviser, Convertir, Modifier et Compresser vos PDF en ligne facilement","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pacific-webtools.com\/pdf\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/pages\/54"}],"collection":[{"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":8,"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/pages\/54\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\r\n \r\n \r\n \r\n \r\n \r\n PDF Fusion - Pr\u00e9visualisation avec Dimensions Originales<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;700&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n <style>\r\n .pdf-fusion-widget {\r\n --background-color: #263238;\r\n --text-color: #eceff1;\r\n --border-color: #546e7a;\r\n --button-color: #64b5f6;\r\n --button-hover-color: #42a5f5;\r\n --header-color: #37474f;\r\n --secondary-color: #455a64;\r\n --border-radius: 8px;\r\n }\r\n\r\n .pdf-fusion-widget body, .pdf-fusion-widget html {\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Roboto', sans-serif;\r\n height: 100vh;\r\n background-color: var(--background-color);\r\n color: var(--text-color);\r\n transition: all 0.3s ease;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .container {\r\n display: flex;\r\n flex-direction: column;\r\n height: 100vh;\r\n }\r\n\r\n .pdf-fusion-widget .hero-section {\r\n background: transparent; \/* Laisse l'arri\u00e8re-plan Matrix visible *\/\r\n padding: 1rem;\r\n text-align: center;\r\n color: var(--text-color);\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .hero-section::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: transparent;\r\n opacity: 0.7;\r\n z-index: 1;\r\n }\r\n\r\n .pdf-fusion-widget .hero-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n .pdf-fusion-widget .matrix-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n z-index: 0;\r\n }\r\n\r\n .pdf-fusion-widget .hero-section h1 {\r\n font-size: 1.5rem;\r\n margin-bottom: 0.25rem;\r\n font-weight: 700;\r\n }\r\n\r\n .pdf-fusion-widget .hero-section p {\r\n font-size: 0.9rem;\r\n max-width: 600px;\r\n margin: 0 auto;\r\n line-height: 1.4;\r\n }\r\n\r\n .pdf-fusion-widget main {\r\n display: flex;\r\n flex: 1;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .panel {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n background-color: var(--background-color);\r\n border: 1px solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n overflow: hidden;\r\n margin: 0.5rem;\r\n }\r\n\r\n .pdf-fusion-widget .section-header {\r\n background-color: var(--header-color);\r\n color: var(--text-color);\r\n padding: 0.5rem;\r\n font-weight: 600;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .pdf-fusion-widget .drop-zone {\r\n flex: 0 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 1rem;\r\n border: 2px dashed var(--border-color);\r\n border-radius: var(--border-radius);\r\n margin: 0.5rem;\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n background-color: rgba(52, 152, 219, 0.05);\r\n height: 100px;\r\n }\r\n\r\n .pdf-fusion-widget .drop-zone:hover, .pdf-fusion-widget .drop-zone.drag-over {\r\n background-color: rgba(52, 152, 219, 0.1);\r\n border-color: var(--button-color);\r\n }\r\n\r\n .pdf-fusion-widget .drop-zone p {\r\n font-size: 0.9rem;\r\n margin-bottom: 0.5rem;\r\n color: var(--text-color); \/* Texte en noir ou en blanc selon le mode *\/\r\n }\r\n\r\n .pdf-fusion-widget .btn {\r\n padding: 0.5rem 1rem;\r\n background-color: var(--button-color);\r\n color: white;\r\n border: none;\r\n border-radius: var(--border-radius);\r\n cursor: pointer;\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n }\r\n\r\n .pdf-fusion-widget .btn:hover {\r\n background-color: var(--button-hover-color);\r\n }\r\n\r\n .pdf-fusion-widget .btn:disabled {\r\n background-color: var(--border-color);\r\n cursor: not-allowed;\r\n }\r\n\r\n .pdf-fusion-widget #pdf-preview {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .preview-container {\r\n flex: 1;\r\n display: flex;\r\n overflow: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail-container {\r\n width: 150px;\r\n overflow-y: auto;\r\n padding: 0.5rem;\r\n background-color: var(--secondary-color);\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail {\r\n width: 100%;\r\n aspect-ratio: 3\/4;\r\n object-fit: cover;\r\n margin-bottom: 0.5rem;\r\n border: 2px solid transparent;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail.active {\r\n border-color: var(--button-color);\r\n }\r\n\r\n .pdf-fusion-widget .preview-main {\r\n flex: 1;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n overflow: auto;\r\n background-color: #fff;\r\n }\r\n\r\n .pdf-fusion-widget .progress-bar {\r\n width: 100%;\r\n height: 6px;\r\n background-color: var(--background-color);\r\n border-radius: 3px;\r\n margin-top: 0.5rem;\r\n overflow: hidden;\r\n display: none;\r\n }\r\n\r\n .pdf-fusion-widget .progress {\r\n width: 0%;\r\n height: 100%;\r\n background-color: var(--button-color);\r\n transition: width 0.3s ease;\r\n }\r\n\r\n @keyframes float {\r\n 0% { transform: translateY(0px); }\r\n 50% { transform: translateY(-5px); }\r\n 100% { transform: translateY(0px); }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .pdf-fusion-widget main {\r\n flex-direction: column;\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail-container {\r\n width: 100%;\r\n height: 100px;\r\n display: flex;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n }\r\n\r\n .pdf-fusion-widget .thumbnail {\r\n width: auto;\r\n height: 100%;\r\n aspect-ratio: unset;\r\n margin-right: 0.5rem;\r\n margin-bottom: 0;\r\n }\r\n\r\n .pdf-fusion-widget .preview-container {\r\n flex-direction: column;\r\n }\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <div class=\"container\">\r\n <section class=\"hero-section\">\r\n <div class=\"matrix-bg\" id=\"matrix-bg\"><\/div>\r\n <div class=\"hero-content\">\r\n <h1>PDF Fusion<\/h1>\r\n <p>Fusionnez vos fichiers PDF en quelques clics. Glissez, d\u00e9posez, et laissez la magie op\u00e9rer !<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <main>\r\n <div class=\"panel\">\r\n <div class=\"section-header\">\r\n <span>Fichiers PDF<\/span>\r\n <\/div>\r\n <div class=\"drop-zone\" id=\"drop-zone\">\r\n <p>Glissez et d\u00e9posez vos fichiers PDF ici<\/p>\r\n <input type=\"file\" id=\"file-input\" accept=\".pdf\" multiple style=\"display: none;\">\r\n <button class=\"btn\" onclick=\"document.getElementById('file-input').click()\">\r\n <i class=\"fas fa-file-upload\"><\/i> S\u00e9lectionner\r\n <\/button>\r\n <\/div>\r\n <ul id=\"file-list\"><\/ul>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress\" id=\"progress\"><\/div>\r\n <\/div>\r\n <button id=\"merge-btn\" class=\"btn\" disabled>\r\n <i class=\"fas fa-object-group\"><\/i> Fusionner les PDF\r\n <\/button>\r\n <\/div>\r\n <div class=\"panel\">\r\n <div class=\"section-header\">\r\n <span>Pr\u00e9visualisation<\/span>\r\n <\/div>\r\n <div id=\"pdf-preview\">\r\n <div class=\"preview-container\">\r\n <div class=\"thumbnail-container\" id=\"thumbnail-container\"><\/div>\r\n <div class=\"preview-main\" id=\"preview-main\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/main>\r\n <\/div>\r\n\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf-lib\/1.17.1\/pdf-lib.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/downloadjs\/1.4.8\/download.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Sortable\/1.14.0\/Sortable.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.9.359\/pdf.min.js\"><\/script>\r\n\r\n <script>\r\n const dropZone = document.getElementById('drop-zone');\r\n const fileInput = document.getElementById('file-input');\r\n const fileList = document.getElementById('file-list');\r\n const mergeBtn = document.getElementById('merge-btn');\r\n const progressBar = document.querySelector('.progress-bar');\r\n const progress = document.getElementById('progress');\r\n const pdfPreview = document.getElementById('pdf-preview');\r\n const matrixBg = document.getElementById('matrix-bg');\r\n const thumbnailContainer = document.getElementById('thumbnail-container');\r\n const previewMain = document.getElementById('preview-main');\r\n\r\n let files = [];\r\n let currentPdfDoc = null;\r\n let currentPage = 1;\r\n let totalPages = 0;\r\n\r\n pdfjsLib.GlobalWorkerOptions.workerSrc = 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/2.9.359\/pdf.worker.min.js';\r\n\r\n \/\/ Initialize drag and drop sorting for file list\r\n new Sortable(fileList, {\r\n animation: 150,\r\n ghostClass: 'sortable-ghost',\r\n onEnd: function(evt) {\r\n const item = files[evt.oldIndex];\r\n files.splice(evt.oldIndex, 1);\r\n files.splice(evt.newIndex, 0, item);\r\n updatePreview();\r\n }\r\n });\r\n\r\n dropZone.addEventListener('dragover', (e) => {\r\n e.preventDefault();\r\n dropZone.classList.add('drag-over');\r\n });\r\n\r\n dropZone.addEventListener('dragleave', () => {\r\n dropZone.classList.remove('drag-over');\r\n });\r\n\r\n dropZone.addEventListener('drop', (e) => {\r\n e.preventDefault();\r\n dropZone.classList.remove('drag-over');\r\n const droppedFiles = Array.from(e.dataTransfer.files).filter(file => file.type === 'application\/pdf');\r\n handleFiles(droppedFiles);\r\n });\r\n\r\n fileInput.addEventListener('change', (e) => {\r\n const selectedFiles = Array.from(e.target.files).filter(file => file.type === 'application\/pdf');\r\n handleFiles(selectedFiles);\r\n });\r\n\r\n async function handleFiles(newFiles) {\r\n files = [...files, ...newFiles];\r\n updateFileList();\r\n updateMergeButton();\r\n await updatePreview();\r\n }\r\n\r\n function updateFileList() {\r\n fileList.innerHTML = '';\r\n files.forEach((file, index) => {\r\n const li = document.createElement('li');\r\n li.innerHTML = `\r\n <span style=\"color: var(--text-color);\"><i class=\"fas fa-file-pdf\"><\/i> ${file.name}<\/span>\r\n <button class=\"btn\" onclick=\"removeFile(${index})\"><i class=\"fas fa-trash\"><\/i><\/button>\r\n `;\r\n fileList.appendChild(li);\r\n });\r\n }\r\n\r\n async function removeFile(index) {\r\n files.splice(index, 1);\r\n updateFileList();\r\n updateMergeButton();\r\n await updatePreview();\r\n }\r\n\r\n function updateMergeButton() {\r\n mergeBtn.disabled = files.length < 2;\r\n }\r\n\r\n async function updatePreview() {\r\n thumbnailContainer.innerHTML = '';\r\n previewMain.innerHTML = '';\r\n currentPage = 1;\r\n totalPages = 0;\r\n\r\n if (files.length === 0) {\r\n return;\r\n }\r\n\r\n for (let i = 0; i < files.length; i++) {\r\n const file = files[i];\r\n const arrayBuffer = await file.arrayBuffer();\r\n const pdf = await pdfjsLib.getDocument(arrayBuffer).promise;\r\n \r\n for (let j = 1; j <= pdf.numPages; j++) {\r\n totalPages++;\r\n const page = await pdf.getPage(j);\r\n const viewport = page.getViewport({ scale: 1 });\r\n const scale = 150 \/ viewport.width;\r\n \r\n const canvas = document.createElement('canvas');\r\n const context = canvas.getContext('2d');\r\n canvas.height = viewport.height * scale;\r\n canvas.width = viewport.width * scale;\r\n \r\n const renderContext = {\r\n canvasContext: context,\r\n viewport: page.getViewport({ scale: scale })\r\n };\r\n \r\n await page.render(renderContext).promise;\r\n \r\n const thumbnail = document.createElement('img');\r\n thumbnail.src = canvas.toDataURL();\r\n thumbnail.className = 'thumbnail';\r\n thumbnail.dataset.pdfIndex = i;\r\n thumbnail.dataset.pageNum = j;\r\n thumbnail.addEventListener('click', () => {\r\n currentPdfDoc = pdf;\r\n currentPage = j;\r\n renderPage(j);\r\n });\r\n \r\n thumbnailContainer.appendChild(thumbnail);\r\n }\r\n }\r\n\r\n currentPdfDoc = await pdfjsLib.getDocument(await files[0].arrayBuffer()).promise;\r\n renderPage(1);\r\n }\r\n\r\n async function renderPage(num) {\r\n previewMain.innerHTML = '';\r\n const page = await currentPdfDoc.getPage(num);\r\n const viewport = page.getViewport({ scale: 1 });\r\n \r\n const canvas = document.createElement('canvas');\r\n const context = canvas.getContext('2d');\r\n\r\n \/\/ Calculate the maximum width and height available for the preview\r\n const maxWidth = previewMain.clientWidth;\r\n const maxHeight = previewMain.clientHeight;\r\n \r\n \/\/ Calculate the scale needed to fit the page within the available space\r\n const scaleX = maxWidth \/ viewport.width;\r\n const scaleY = maxHeight \/ viewport.height;\r\n const scale = Math.min(scaleX, scaleY);\r\n \r\n const scaledViewport = page.getViewport({ scale: scale });\r\n \r\n canvas.height = scaledViewport.height;\r\n canvas.width = scaledViewport.width;\r\n \r\n const renderContext = {\r\n canvasContext: context,\r\n viewport: scaledViewport\r\n };\r\n \r\n await page.render(renderContext).promise;\r\n previewMain.appendChild(canvas);\r\n\r\n currentPage = num;\r\n updatePageControls();\r\n }\r\n\r\n function updatePageControls() {\r\n const thumbnails = thumbnailContainer.querySelectorAll('.thumbnail');\r\n thumbnails.forEach(thumb => {\r\n thumb.classList.remove('active');\r\n if (parseInt(thumb.dataset.pageNum) === currentPage) {\r\n thumb.classList.add('active');\r\n thumb.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n }\r\n });\r\n }\r\n\r\n mergeBtn.addEventListener('click', async () => {\r\n if (files.length < 2) return;\r\n\r\n mergeBtn.disabled = true;\r\n progressBar.style.display = 'block';\r\n\r\n try {\r\n const pdfDoc = await PDFLib.PDFDocument.create();\r\n let totalPages = 0;\r\n \r\n for (let i = 0; i < files.length; i++) {\r\n const file = files[i];\r\n const arrayBuffer = await file.arrayBuffer();\r\n const pdf = await PDFLib.PDFDocument.load(arrayBuffer);\r\n const copiedPages = await pdfDoc.copyPages(pdf, pdf.getPageIndices());\r\n copiedPages.forEach((page) => pdfDoc.addPage(page));\r\n \r\n totalPages += pdf.getPageCount();\r\n progress.style.width = `${((i + 1) \/ files.length) * 100}%`;\r\n }\r\n\r\n const pdfBytes = await pdfDoc.save();\r\n download(pdfBytes, \"merged_document.pdf\", \"application\/pdf\");\r\n } catch (error) {\r\n console.error('Error merging PDFs:', error);\r\n alert('Une erreur est survenue lors de la fusion des PDFs. Veuillez r\u00e9essayer.');\r\n } finally {\r\n mergeBtn.disabled = false;\r\n progressBar.style.display = 'none';\r\n progress.style.width = '0%';\r\n }\r\n });\r\n\r\n \/\/ Matrix background animation\r\n function createMatrixBackground() {\r\n const canvas = document.createElement('canvas');\r\n const ctx = canvas.getContext('2d');\r\n canvas.width = matrixBg.offsetWidth;\r\n canvas.height = matrixBg.offsetHeight;\r\n matrixBg.appendChild(canvas);\r\n\r\n const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789@#$%^&*()_+{}|:<>?';\r\n const fontSize = 10;\r\n const columns = canvas.width \/ fontSize;\r\n const drops = [];\r\n\r\n for (let i = 0; i < columns; i++) {\r\n drops[i] = 1;\r\n }\r\n\r\n function draw() {\r\n ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';\r\n ctx.fillRect(0, 0, canvas.width, canvas.height);\r\n ctx.fillStyle = '#0f0';\r\n ctx.font = fontSize + 'px monospace';\r\n\r\n for (let i = 0; i < drops.length; i++) {\r\n const text = chars[Math.floor(Math.random() * chars.length)];\r\n ctx.fillText(text, i * fontSize, drops[i] * fontSize);\r\n if (drops[i] * fontSize > canvas.height && Math.random() > 0.975) {\r\n drops[i] = 0;\r\n }\r\n drops[i]++;\r\n }\r\n }\r\n\r\n setInterval(draw, 33);\r\n }\r\n\r\n createMatrixBackground();\r\n\r\n \/\/ Resize event listener to update preview when window size changes\r\n window.addEventListener('resize', () => {\r\n if (currentPdfDoc) {\r\n renderPage(currentPage);\r\n }\r\n });\r\n <\/script>\r\n <\/body>\r\n <\/html>\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>PDF Fusion – Pr\u00e9visualisation avec Dimensions Originales PDF Fusion Fusionnez vos fichiers PDF en quelques clics. Glissez, d\u00e9posez, et laissez la magie op\u00e9rer ! Fichiers PDF Glissez et d\u00e9posez vos fichiers PDF ici S\u00e9lectionner Fusionner les PDF Pr\u00e9visualisation<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools<\/title>\n<meta name=\"description\" content=\"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools\" \/>\n<meta property=\"og:description\" content=\"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\" \/>\n<meta property=\"og:site_name\" content=\"Pacific PDF Webtools\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-07T16:14:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\",\"url\":\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\",\"name\":\"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools\",\"isPartOf\":{\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/#website\"},\"datePublished\":\"2024-09-07T16:05:17+00:00\",\"dateModified\":\"2024-09-07T16:14:44+00:00\",\"description\":\"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.\",\"breadcrumb\":{\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pacific-webtools.com\/pdf\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PDF Fusion – Pr\u00e9visualisation et Fusion de PDF\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pacific-webtools.com\/pdf\/#website\",\"url\":\"https:\/\/pacific-webtools.com\/pdf\/\",\"name\":\"Pacific PDF Webtools\",\"description\":\"Tous les outils PDF : Fusionner, Diviser, Convertir, Modifier et Compresser vos PDF en ligne facilement\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pacific-webtools.com\/pdf\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n","yoast_head_json":{"title":"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools","description":"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/","og_locale":"fr_FR","og_type":"article","og_title":"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools","og_description":"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.","og_url":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/","og_site_name":"Pacific PDF Webtools","article_modified_time":"2024-09-07T16:14:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/","url":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/","name":"PDF Fusion - Pr\u00e9visualisation et Fusion de PDF - Pacific PDF Webtools","isPartOf":{"@id":"https:\/\/pacific-webtools.com\/pdf\/#website"},"datePublished":"2024-09-07T16:05:17+00:00","dateModified":"2024-09-07T16:14:44+00:00","description":"Fusionnez rapidement vos fichiers PDF tout en conservant leurs dimensions d'origine avec notre outil facile \u00e0 utiliser.","breadcrumb":{"@id":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pacific-webtools.com\/pdf\/pdf-fusion-previsualisation-et-fusion-de-pdf\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pacific-webtools.com\/pdf\/"},{"@type":"ListItem","position":2,"name":"PDF Fusion – Pr\u00e9visualisation et Fusion de PDF"}]},{"@type":"WebSite","@id":"https:\/\/pacific-webtools.com\/pdf\/#website","url":"https:\/\/pacific-webtools.com\/pdf\/","name":"Pacific PDF Webtools","description":"Tous les outils PDF : Fusionner, Diviser, Convertir, Modifier et Compresser vos PDF en ligne facilement","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pacific-webtools.com\/pdf\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/pages\/54"}],"collection":[{"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":8,"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":63,"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/pages\/54\/revisions\/63"}],"wp:attachment":[{"href":"https:\/\/pacific-webtools.com\/pdf\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}