JavaScript ile PDF dosyaları oluşturma

XML verilerini bir web sayfasından PDF dosyalarına dönüştürmeye çalışıyorum ve bunu tamamen JavaScript içinde yapabileceğimi umuyordum. Metin, resim ve basit şekiller çizebilmem gerekiyor. Bunu tamamen tarayıcıda yapabilmek isterim.

Az önce jsPDF adlı bir kütüphane yazdım Javascript kullanarak PDF üreten . Hala çok genç ve yakında özellikler ve hata düzeltmeleri ekleyeceğim. Ayrıca, Veri URI'lerini desteklemeyen tarayıcılardaki geçici çözümler için de birkaç fikir edinebilirsiniz. Liberal bir MIT lisansı ile lisanslanmıştır.

Yazmaya başlamadan önce bu soruya rastladım ve geri dönüp size haber vereceğim :)

Javascript ile PDF oluşturma

Örnek "Merhaba Dünya" PDF dosyası oluşturmak.

// Default export is a4 paper, portrait, using milimeters for units
var doc = new jsPDF()

doc.text('Hello world!', 10, 10)
doc.save('a4.pdf')

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.5/jspdf.debug.js"></script>

Bahsetmeye değer başka bir javascript kütüphanesi pdfmake'dir .

• pdfmake oyun alanı
• github üzerinde pdfmake

Tarayıcı desteği jsPDF kadar güçlü görünmüyor ya da şekiller için bir seçenek yok gibi görünüyor, ancak metin biçimlendirme seçenekleri şu anda jsPDF'de bulunan seçeneklerden daha gelişmiş.

Ben korumak PDFKit da güçler (zaten burada bahsedilen) pdfmake. Hem Düğümde hem de tarayıcıda çalışır ve diğer kütüphanelerin desteklemediği bir sürü şeyi destekler:

• Alt küme yazı tiplerini gömme, unicode desteği ile.
• Çok sayıda gelişmiş metin mizanpajı (sütunlar, sayfa kırma, tam unicode satır kırma, temel zengin metin vb.).
• Gelişmiş tipografi için daha da fazla yazı tipi üzerinde çalışmak (OpenType / AAT bitişik harfleri, bağlamsal ikame, vb.). Yakında: ilgileniyorsanız fontkit şubesine bakın.
• Daha fazla grafik öğesi: degradeler vb.
• Browserfy ve akışlar gibi modern araçlarla oluşturulmuştur. Hem tarayıcıda hem de düğümde kullanılabilir.

Check out http://pdfkit.org/ PDFKit neler yapabileceğini kendiniz görün tam öğretici için. Ve ne tür belgelerin üretilebileceğine ilişkin bir örnek için, PDFKit'in kendisini kullanarak bazı Markdown dosyalarından oluşturulan PDF olarak belgelere bakın: http://pdfkit.org/docs/guide.pdf .

Tarayıcıda etkileşimli olarak da deneyebilirsiniz: http://pdfkit.org/demo/browser.html .

Bir başka ilginç proje texlive.js .

Tarayıcıda (La) TeX'i PDF'ye derlemenizi sağlar.

Bu ücretsiz hizmeti, herhangi bir url'den pdf oluşturan bir bağlantı ekleyerek kullanabilirsiniz (örneğin, http://www.phys.org ):

http://freehtmltopdf.com/?convert=http%3A%2F%2Fwww.phys.org&size=US_Letter&orientation=portrait&framesize=800&language=en

PDF bellekte JavaScript oluşturabilseniz bile, bu verileri kullanıcıya nasıl aktaracağınız konusunda sorun yaşarsınız. JavaScript'in kullanıcıya sadece bir dosya aktarması zordur.

Dosyayı kullanıcıya almak için, tarayıcının kaydetme iletişim kutusunu açmasını sağlamak için bir sunucu gönderimi yapmak istersiniz.

Bununla birlikte, PDF oluşturmak gerçekten zor değil. Sadece özellikleri okuyun.