`; });if(images.length){ addMoreWrap.style.display='block'; optionsWrap.style.display='flex'; convertBtn.disabled=false; convertBtn.classList.add('active'); }new Sortable(preview,{animation:150,onEnd:updateOrder}); }function updateOrder(){ const newArr=[]; document.querySelectorAll('.preview-item').forEach(el=>{ newArr.push(images[el.dataset.id]); }); images=newArr; renderPreview(); }function rotateRight(i){ images[i].rotation=(images[i].rotation+90)%360; renderPreview(); } function rotateLeft(i){ images[i].rotation=(images[i].rotation-90+360)%360; renderPreview(); } function removeImg(i){ images.splice(i,1); renderPreview(); }function rotateBase64(base64,angle){ return new Promise(resolve=>{ const img=new Image(); img.src=base64; img.onload=()=>{ const canvas=document.createElement('canvas'); const ctx=canvas.getContext('2d');if(angle===90||angle===270){ canvas.width=img.height; canvas.height=img.width; } else{ canvas.width=img.width; canvas.height=img.height; }ctx.translate(canvas.width/2,canvas.height/2); ctx.rotate(angle*Math.PI/180); ctx.drawImage(img,-img.width/2,-img.height/2); resolve(canvas.toDataURL('image/jpeg',0.95)); } }); }convertBtn.onclick=convertToPDF;async function convertToPDF(){ if(!images.length){ statusMsg.innerText="👉 Please upload images to convert into PDF."; return; }progressWrap.style.display='block'; statusMsg.innerText="👉 Converting your images… Please wait."; progressBar.style.width='0%';const { jsPDF } = window.jspdf;const orientationValue = document.getElementById('orientation').value; // portrait | landscape const sizeValue = document.getElementById('pageSize').value; // a4 | letterconst orientation = orientationValue === 'landscape' ? 'l' : 'p';const format = sizeValue === 'letter' ? [215.9, 279.4] // US Letter in mm : [210, 297]; // A4 in mmconst pdf = new jsPDF({ orientation: orientation, unit: 'mm', format: format });try{ for(let i=0;i0) pdf.addPage(); progressBar.style.width=(i/images.length*100)+'%';let imgData=images[i].src; if(images[i].rotation!==0){ imgData=await rotateBase64(imgData,images[i].rotation); }const img=new Image(); img.src=imgData; await new Promise(r=>img.onload=r);const pageW=pdf.internal.pageSize.getWidth(); const pageH=pdf.internal.pageSize.getHeight();const imgRatio = img.width / img.height; const pageRatio = pageW / pageH;let w, h;if (imgRatio > pageRatio) { w = pageW; h = w / imgRatio; } else { h = pageH; w = h * imgRatio; }const x = (pageW - w) / 2; const y = (pageH - h) / 2;pdf.addImage(img, 'JPEG', x, y, w, h);} }catch(err){ console.error(err); statusMsg.innerText="👉 Some images could not be processed. Please try again with valid images."; progressWrap.style.display='none'; return; }const blob = pdf.output('blob'); const url = URL.createObjectURL(blob);const a = document.createElement('a'); a.href = url; a.download = 'converted.pdf'; document.body.appendChild(a); a.click(); document.body.removeChild(a);URL.revokeObjectURL(url);progressBar.style.width = '100%'; statusMsg.innerText = "👉 Your PDF is ready. Download will start automatically.";setTimeout(() => { statusMsg.innerText = "👉 Download completed. You can convert more images."; resetTool(); }, 5000);}function resetTool(){ images=[]; preview.innerHTML=''; addMoreWrap.style.display='none'; optionsWrap.style.display='none'; convertBtn.disabled=true; convertBtn.classList.remove('active'); progressWrap.style.display='none'; progressBar.style.width='0%'; statusMsg.innerText=''; }