HTML İşleme Ayarları

import {PdfDocument, WaitForType, CssMediaType, FitToPaperModes, PdfPaperOrientation, PaperSizeUnit} from "@ironsoftware/ironpdf";

(async () => {
    // Many rendering options to use to customize!
    const options = {
        paperSize: {
            unit: PaperSizeUnit.Inch,
            width: 12.5,
            height: 20,
        },
        printHtmlBackgrounds: true,
        paperOrientation: PdfPaperOrientation.Landscape,
        title: "My PDF Document Name",
        waitFor: {
            type: WaitForType.RenderDelay,
            maxWaitTime: 50, // in milliseconds
        },
        cssMediaType: CssMediaType.Screen,
        fitToPaperMode: FitToPaperModes.FitToPage,
        createPdfFormsFromHtml: true,

        // Supports margin customization
        margin: {
            top: 40, // millimeters
            left: 20, // millimeters
            right: 20, // millimeters
            bottom: 40, // millimeters
        },

        // Can set FirstPageNumber if you have a cover page
        firstPageNumber: 1, // use 2 if a cover page will be appended
    };

    // Render HTML page to PDF
    const pdf = await PdfDocument.fromUrl("https://angular.io/", { renderOptions: options });
    
    // Save the PDF
    await pdf.saveAs("my-content.pdf");
})();

HTML İşleme Ayarları

HTML dizgilerinden, dosyalarından veya web URL'lerinden oluştururken birçok oluşturma seçeneği yapılandırılabilir. Yukarıda gösterilen ayarlar, yapılandırılabilir ölçüm birimlerine sahip özel kağıt boyutu, HTML arka plan etkinleştirme, sayfa yönlendirmesi, belge başlığı, oluşturma sürecini geciktirme, CSS medya türünü belirtme, kağıt modunu seçme, düzenlenebilir form alanları oluşturma, kenar boşluklarını özelleştirme ve sayfa numaralarını ekleme içerir.

CSS medya türleri "ekran" ve "yazdırma", stilin HTML belgelerine nasıl uygulanacağını, gösterim veya çıktı ortamına göre belirtmek için kullanılan yönergelerdir. Medya türü olarak "ekran" seçildiğinde, CSS kurallarının, renkler ve düzenler gibi faktörleri dijital ekranlara göre optimize etmek için tasarlandığını belirtir. Buna karşılık, "yazdırma" seçildiğinde, tarayıcıya yazdırılabilir belgeler için uyarlanmış stilleri uygulamasını emreder; bu, HTML içeriği fiziksel medyada yazdırıldığında okunabilirlik ve uygun biçimlendirmeyi sağlar. Bazen belirli arka plan görüntülerini görüntülemek için CSS medya türünü "ekran" olarak ayarlamak gereklidir.

Oluşturma sürecindeki gecikme, genellikle JavaScript'in veya yazı tiplerinin yüklenmesi için yeterli zaman sağlar.

Açıklama:

HTML Yapısı: Kod, <head> ve <body> bölümüyle standart bir HTML5 formatında yapılandırılmıştır.
Metadata: <meta> etiketleri, duyarlı tasarım için karakter setini ve görüş alanını tanımlar.

Stil Sayfası:

Varsayılan gövde stili: Tüm medya üzerinde geçerli olan yazı tipi ailesini ve kenar boşluğunu ayarlar.
Ekran Medya Sorgusu: Dijital ekranlar için açık gri arka plan ve daha koyu metin uygular.
Baskı Medya Sorgusu: Baskı için tipik olan beyaz arka plan ve siyah metin uygular.

Örnek Kullanım: Verilen HTML ve CSS yapısı, içeriğin ekranda mı yoksa çıktıda mı görüntülendiğine bağlı olarak farklı stillerin nasıl uygulanabileceğini gösterir.

GitHub'da Daha Fazla PDF Üretim Ayarları Örneği Keşfet.