• 22-07-2024, 12:41:06
    #1
    Arkadaşlar merhabalar,



    <embed src="/menu/menu1.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="100%" />


    bu kodu kullanarak pdf gömüyorum sayfaya ancak bazı telefonlarda gözükmüyor bazısında gözüküyor bazısında beyaz ekran kalıyor

    bir pdf dosyasını en sağlıklı nasıl gömeriz pdf e acaba ?
  • 22-07-2024, 12:46:57
    #2
    MeSsO_ adlı üyeden alıntı: mesajı görüntüle
    Arkadaşlar merhabalar,



    <embed src="/menu/menu1.pdf#toolbar=0&navpanes=0&scrollbar=0" type="application/pdf" width="100%" height="100%" />


    bu kodu kullanarak pdf gömüyorum sayfaya ancak bazı telefonlarda gözükmüyor bazısında gözüküyor bazısında beyaz ekran kalıyor

    bir pdf dosyasını en sağlıklı nasıl gömeriz pdf e acaba ?
    <script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
        <div id="pdf-container"></div>
        <script>
            var url = '/menu/menu1.pdf';
    
            var pdfjsLib = window['pdfjs-dist/build/pdf'];
            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://mozilla.github.io/pdf.js/build/pdf.worker.js';
    
            var loadingTask = pdfjsLib.getDocument(url);
            loadingTask.promise.then(function(pdf) {
                console.log('PDF loaded');
    
                pdf.getPage(1).then(function(page) {
                    console.log('Page loaded');
    
                    var scale = 1.5;
                    var viewport = page.getViewport({ scale: scale });
    
                    var canvas = document.createElement('canvas');
                    var context = canvas.getContext('2d');
                    canvas.height = viewport.height;
                    canvas.width = viewport.width;
    
                    document.getElementById('pdf-container').appendChild(canvas);
    
                    var renderContext = {
                        canvasContext: context,
                        viewport: viewport
                    };
                    page.render(renderContext);
                });
            }, function (reason) {
                console.error(reason);
            });
        </script>
  • 22-07-2024, 12:49:56
    #3
    İsterseniz, PDF'i Google Drive'a yükleyip oradan bir embed kodu alarak siteye ekleyebilirsiniz. Böylelikle belki yaşadığınız sorunu çözmüş olursunuz.
  • 22-07-2024, 13:00:34
    #4
    DiZiNi adlı üyeden alıntı: mesajı görüntüle
    <script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
        <div id="pdf-container"></div>
        <script>
            var url = '/menu/menu1.pdf';
    
            var pdfjsLib = window['pdfjs-dist/build/pdf'];
            pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://mozilla.github.io/pdf.js/build/pdf.worker.js';
    
            var loadingTask = pdfjsLib.getDocument(url);
            loadingTask.promise.then(function(pdf) {
                console.log('PDF loaded');
    
                pdf.getPage(1).then(function(page) {
                    console.log('Page loaded');
    
                    var scale = 1.5;
                    var viewport = page.getViewport({ scale: scale });
    
                    var canvas = document.createElement('canvas');
                    var context = canvas.getContext('2d');
                    canvas.height = viewport.height;
                    canvas.width = viewport.width;
    
                    document.getElementById('pdf-container').appendChild(canvas);
    
                    var renderContext = {
                        canvasContext: context,
                        viewport: viewport
                    };
                    page.render(renderContext);
                });
            }, function (reason) {
                console.error(reason);
            });
        </script>
    Hocam ben mi beceremedim bilmiyorum ama beyaz ekran çıktı yine.

    aboutblank adlı üyeden alıntı: mesajı görüntüle
    İsterseniz, PDF'i Google Drive'a yükleyip oradan bir embed kodu alarak siteye ekleyebilirsiniz. Böylelikle belki yaşadığınız sorunu çözmüş olursunuz.
    Hocam buradada gmail hesabı ile oturum açmayanlarda gözükmüyor.
  • 22-07-2024, 13:02:44
    #5
    MeSsO_ adlı üyeden alıntı: mesajı görüntüle
    Hocam ben mi beceremedim bilmiyorum ama beyaz ekran çıktı yine.



    Hocam buradada gmail hesabı ile oturum açmayanlarda gözükmüyor.
    Herkese paylaştınız mı hocam pdf'i drive'dan
  • 22-07-2024, 13:02:51
    #6
    https://github.com/mozilla/pdf.js
    burdan pdf js indirip o verdiğim linklerle yerini değşin jslerin
    örnekleri de var orda