Javascript Pdf Çıktı Alma Ücretli

28-06-2022, 01:48:48

Merhaba arkadaşlar, aşağıda ki gibi verileri yazdırdığım bir sayfam var. Bu sayfayı istediğim ölçüde PDF olarak kayıt etmek istiyorum kalitesi bozulmadan. Ücretli olarak yardımcı olabilecek arkadaşlar var mıdır?

28-06-2022, 01:57:29

#2

Onur_Ozturk

Eğer bu sayfa bir web sitesi ise, Mouse(fare) ile sağ tıklayıp yazdır deyin daha sonra sağ en üstte bulunan yazıcı seçme kısmına gelip pdf olarak kaydet seçeneğini seçin ve gerekli diğer ayarlarada bir göz atıp dilediğiniz şekilde düzenledikten sonra pdf olarak bilgisayarınıza indirebilirsiniz.

Not bu işlem Google Chrome tarayıcısı için geçerli hocam.

28-06-2022, 01:59:51

#3

resatnet

Onur_Ozturk adlı üyeden alıntı: mesajı görüntüle

Eğer bu sayfa bir web sitesi ise, Mouse(fare) ile sağ tıklayıp yazdır deyin daha sonra sağ en üstte bulunan yazıcı seçme kısmına gelip pdf olarak kaydet seçeneğini seçin ve gerekli diğer ayarlarada bir göz atıp dilediğiniz şekilde düzenledikten sonra pdf olarak bilgisayarınıza indirebilirsiniz.

Not bu işlem Google Chrome tarayıcısı için geçerli hocam.

Web sayfası fakat istediğim bu değil. Pdf sayfasının ölçüsü otomatik olarak ayarlanacak ve kayıt edilecek. Mobil tarafında baskı alınacak.

28-06-2022, 02:02:11

#4

thealiyasar

PDF sayfa yüklendikten sonra mı yoksa bir butona basılınca mı oluşturulacak?

28-06-2022, 02:04:11

#5

resatnet

Birdilimask adlı üyeden alıntı: mesajı görüntüle

PDF sayfa yüklendikten sonra mı yoksa bir butona basılınca mı oluşturulacak?

Yüklenince de olabilir basıldıktan sonra da olabilir.

28-06-2022, 02:07:44

#6

thealiyasar

resatnet adlı üyeden alıntı: mesajı görüntüle

Yüklenince de olabilir basıldıktan sonra da olabilir.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js"></script>
        <script>
            function generatePDF() {
                // pdf kapsam alanı
                const element = document.getElementById('invoice'); 
                html2pdf().from(element).save();
            }
        </script>
    </head>
    <body>
        <button onclick="generatePDF()">Download as PDF</button>
        <div id="invoice">
            <h1>Our Invoice</h1>
        </div>
    </body>
</html>

28-06-2022, 02:10:20

#7

resatnet

Birdilimask adlı üyeden alıntı: mesajı görüntüle

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js"></script>
        <script>
            function generatePDF() {
                // pdf kapsam alanı
                const element = document.getElementById('invoice');
                html2pdf().from(element).save();
            }
        </script>
    </head>
    <body>
        <button onclick="generatePDF()">Download as PDF</button>
        <div id="invoice">
            <h1>Our Invoice</h1>
        </div>
    </body>
</html>

İlgin için teşekkürler. Fakat bu şekilde direk çıktı alabiliyorum bende. İstediğim ölçülerde alamıyorum. Baskı alacağım cihaz etiket boyutum 80mmx40mm bu ölçülerde içeriğimi pdf'e yazdırıp kayıt etmem gerek

28-06-2022, 02:25:49

#8

thealiyasar

resatnet adlı üyeden alıntı: mesajı görüntüle

İlgin için teşekkürler. Fakat bu şekilde direk çıktı alabiliyorum bende. İstediğim ölçülerde alamıyorum. Baskı alacağım cihaz etiket boyutum 80mmx40mm bu ölçülerde içeriğimi pdf'e yazdırıp kayıt etmem gerek

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.2/html2pdf.bundle.min.js"></script>
    <script>
        function generatePDF() {
            var element = document.getElementById('invoice');
            var opt = {
                margin: 1,
                filename: 'myfile.pdf',
                image: { type: 'jpeg', quality: 1 },
                html2canvas: { scale: 2 },
                jsPDF: { unit: 'mm', format: [80, 40], orientation: 'portrait' }
            }; 
            html2pdf().set(opt).from(element).save();
        }
    </script>
</head>
<body>
    <button onclick="generatePDF()">İndir</button>
    <div id="invoice">
        <h1>Our Invoice</h1>
    </div>
</body>
</html>

28-06-2022, 02:38:14

#9

thealiyasar

@resatnet;

jsPDF: { unit: 'mm', format: [80, 40], orientation: 'portrait' }

yön değiştirmek için format kısmında yer değiştirebilirsiniz yada orientation kısmına landscape yazabilirsiniz.