1. Ürün:% s
  2.   PDF
  3.   JavaScript
  4.   PDFMake-Wrapper
 
  

Ücretsiz JavaScript API'si ile PDF Dosyaları Oluşturma

Açık Kaynak JavaScript Kitaplığı, PDF belgeleri oluşturmanıza, düzenlemenize ve yazdırmanıza, PDF'lere tablolar, resimler ve üst bilgiler veya alt bilgiler eklemenize olanak tanır.

Kolay kullanımlı bir kütüphaneye bakmak ve sunucudaki PDF belgeyi müşteri tarafında da yönetmek. PDFMake-Rapper, kendi JavaScript uygulamanızda daha küçük çaba ve daha az maliyetle PDF belgenizi işlemek için harika bir seçim olabilir. Yazılım mühendislerine, herhangi bir dış bağımlılık olmadan yararlı PDF belge ve rapor üretme yeteneği veren açık bir kaynaktır.

PDFMake-Wrapper kitaplığı, satır sarma, metin hizalama, kenar boşluklarını kullanma, stil oluşturma ve uygulama, tablo ve sütun kullanma, istemci/ sunucu tarafı PDF yazdırma, sayfa üstbilgileri ve altbilgileri ekleme, sayfa sayısı, özel sayfa sonları, yazı tipi yerleştirme, içerik tablosu, PDF meta verilerini çıkarma ve çok daha fazlası. PDF belgelerini kolay ve hızlı bir şekilde geliştirmek için işlevler sağlayan bir sarmalayıcı kitaplığıdır. PDFMake-Wrapper'ın harika bir özelliği, kullanıcılara ulaşmak istedikleri şeye kolayca odaklanma yeteneği veren bildirimsel bir yaklaşımı benimsemiş olmasıdır. Kitaplık çok kararlıdır ve sunucu tarafında olduğu kadar istemci tarafında da kolayca kullanılabilir.

Previous Next

PDFMake-Rapper ile başlayın

PDFMake-Rapper num'da mevcuttur. Bunu kolayca indirebilir ve makinenize yükleyebilirsiniz. Bu kütüphaneyi kullanmak için bu üç paketi yüklemeniz gerekir.

PDFMake via num

npm install pdfmake --save

@types/pdfmake, hataları yazmaktan kaçınmak için pdfmake türleri içerir.

npm install @types/pdfmake --save-dev

pdfmake-wrapper ile num <

npm install pdfmake-wrapper --save

Create & manage PDF Documents via JavaScript

Açık kaynaklı PDFMake-Wrapper kitaplığı, JavaScript'te PDF belgeleri oluşturmak için mükemmel bir seçimdir. Yazılım geliştiricilerin tarayıcıda (istemci tarafı) ve Node.js'de (sunucu tarafı) yalnızca birkaç satır JavaScript koduyla PDF belgeleri oluşturmasına olanak tanır. PDF dosyası oluşturulduktan sonra, metin ekleyebilir, yazı tiplerini ve grafikleri gömebilir, çeşitli stiller arasından seçim yapabilir ve uygulayabilir, harici görüntüler ekleyebilir ve çok daha fazlasını yapabilirsiniz. HTML'den bir PDF dosyası oluşturmak da mümkündür, ancak bunun için html2canvas'a ihtiyacınız olacak.

HTML'ten JavaScript ile PDF Dosya Nasıl Oluşturulur


html2canvas(document.getElementById('exportthis'), {
  onrendered: function (canvas) {
    var data = canvas.toDataURL();
    var docDefinition = {
      content: [{
        image: data,
        width: 500,
      }]
    };
    pdfMake.createPdf(docDefinition).download("Score_Details.pdf");
  }
});

Liderler ve Footer JavaScript aracılığıyla PDF Dosyaya Ekleniyor

Açık kaynak PDFMake-Rapper kütüphanesi, sadece birkaç kodla PDF belgenin içinde başlık eklemek için yazılım geliştiricileri için çok kolay hale getirir. Ayrıca başlık / ayakcık bölümü içinde bir görüntü kullanmak da mümkündür. Ayrıca sayfa numarası, şirket logo, yazar adı, sayfa sayısı, sayfa büyüklüğü vs. gibi diğer içerik eklemek de mümkündür. Ayrıca çeşitli stil ve formatlama uygulamak da mümkündür. Başlık veya ayak bölümünde gerektiğinde daha iyi kullanım.

Ekle & S Library aracılığıyla PDF'daki Tabloları Yönetin

PDFMake-Rapper kütüphanesi, PDF doküman içinde masaları kullanmak için tam destek sağladı. JavaScript uygulama içinde karmaşık tabloları yönetmek için çeşitli yararlı özellikler sağlar, bu yüzden sıfırdan yeni masalar oluşturmak, masalar için başlıklar eklemek, mevcut tabloları eklemek, yeni hücreleri eklemek, sütunları ve hücreleri birleştirmek, tabloları uygulamak ve böylece.

PDF Masalı Süt Köşeleri S API aracılığıyla nasıl birleştirilir?

new Table([
    [
        new Txt('Name').bold().end,
        new Txt('Address').bold().end,
        new Txt('Email').bold().end,
        new Txt('Phone').bold().end
    ],
    [new Cell(new Txt('A').end).colSpan(4).end, null, null, null],
    ['Anastasia', 'Some direction 1', 'anastasia@domain.com', '123 4566 187'],
    ['Alexander', 'Some direction 2', 'alexander@domain.com', '123 4566 187'],
    [new Cell(new Txt('C').end).colSpan(4).end, null, null, null],
    ['Clementine', 'Some direction 3', 'clementine@domain.com', '123 4566 187'],
    ['Chelsey', 'Some direction 4', 'chelsey@domain.com', '123 4566 187'],
    [new Cell(new Txt('N').end).colSpan(4).end, null, null, null],
    ['Nicholas', 'Some direction 5', 'nicholas@domain.com', '123 4566 187'],
])
.widths(...)
.heights(...)
.end;

Sektörler PDF ila JavaScript API

P PDFMake-Rapper kütüphanesi, yazılım geliştiricilerinin PDF doküman içinde vektör şekillerini kolaylıkla çekmesini sağlar. PDF dosyadaki vektörleri çizmek için, vektörlerin çekildiği bir tuval oluşturmak gerekir. Lütfen, siparişin tuval üzerinde önemli olduğunu hatırlayın, son vektör diğerlerinin başında olacaktır. Oluşturulduğunda, kendi ihtiyaçlarınıza göre yeniden ölçeklenebilir ve onu kolaylıkla değiştirebilirsiniz.

PDF'nin içinde Çizim Hattı JavaScript

import { Line } from '../../../src';
describe('Line definition class', () => {
    it('should be instanced', () => {
        const line = new Line(10, 10);
        expect( line.end ).toBeTruthy();
    });
    it('should be a simple line', () => {
        const line = new Line(10, 10).end;
        expect( line ).toEqual({ 
            type: 'line',
            x1: 10,
            y1: 10,
            x2: 10,
            y2: 10
        });
    });
    it('should be a line vector with full properties', () => {
        const line = new Line(10, 10)
            .color('red')
            .dash(5)
            .fillOpacity(0.1)
            .lineColor('blue')
            .lineWidth(3)
            .linearGradient(['green', 'yellow'])
            .lineCap('round')
            .end;
        expect( line ).toEqual({ 
            type: 'line',
            x1: 10,
            y1: 10,
            x2: 10,
            y2: 10,
            color: 'red',
            dash: { length: 5 },
            fillOpacity: 0.1,
            lineColor: 'blue',
            lineWidth: 3,
            linearGradient: ['green', 'yellow'],
            lineCap: 'round'
        });
    });
});
 Türkçe