يناير 2025

آخر الأخبار

<div id="camscanner-section">
  <input type="file" accept="image/*" id="upload" class="btn"/>
  <button id="capture" class="btn">Capture Image</button>
  <video id="video" width="100%" autoplay></video>
  <canvas id="canvas"></canvas>
  <button id="download" class="btn">Download as PDF</button>
</div>

// Access webcam
    navigator.mediaDevices.getUserMedia({ video: true }).then(stream => {
        video.srcObject = stream;
    }).catch(err => console.error('Camera access denied:', err));

captureButton.addEventListener('click', () => {
        canvas.width = video.videoWidth;
        canvas.height = video.videoHeight;
        ctx.drawImage(video, 0, 0);
    });

uploadInput.addEventListener('change', event => {
        const file = event.target.files[0];
        const reader = new FileReader();
        reader.onload = function(e) {
            const img = new Image();
            img.onload = function() {
                canvas.width = img.width;
                canvas.height = img.height;
                ctx.drawImage(img, 0, 0);
            };
            img.src = e.target.result;
        };
        reader.readAsDataURL(file);
    });

downloadButton.addEventListener('click', () => {
        const imgData = canvas.toDataURL('image/png');
        const { jsPDF } = window.jspdf;
        const doc = new jsPDF();
        doc.addImage(imgData, 'PNG', 10, 10, 180, 160);
        doc.save('scanned-document.pdf');
    });
  });
</script>

ouguennous

Capture Image Download as PDF …إقرأ المزيد »

إضافة القائمة البريدية

إشترك في قائمتنا البريدية .

qqJ

من أنا

أرشيف المدونة الإلكترونية

آخر الأخبار

القسم 1

القسم 2

المشاركات الشائعة

الأرشيف

الأرشيف

التسميات

التسميات

صفحتنا على الفيسبوك

إضافة القائمة البريدية

أخبار في صور