Javascript ile
pdf oluşturmamızı sağlayan
jsPDF adlı kütüphaneyi bir kaç derste anlatacağım.Bu kütüphane sayesinde dinamik olarak bir pdf oluşturup,önizleye bilir veya indirilmesini sağlayabiliriz.Aşağıdaki örnek içinde,kütüphanenin
.js dosyası mevcut.Oradan indirip sayfanıza dahil ettikten sonra kullanabilirsiniz.
İndir : http://ustaderslik.com/dosya/jspdf-metinler.rar
Önizle : http://ustaderslik.com/ornek/jspdf-metinler/
jsPDF nin kendini özel kodları bulunmakta.İlk olarak metinleri yazdırma ve değiştirmemize yarayan komutları işleyeceğiz.
text(x,y,"metin") : Belirtilen konumda metini yazdırmak için.Her sayfanın sol üst köşesi 0,0 yani başlama konumudur.
setFontSize(boyut) : Metnin boyunu değiştirmek için.
setFont("font") : Metnin Fontunu değiştirmek için.
setFontType("tip") : Metnin tipini değiştirmek için.
normal-italic-bold-bolditalic olmak üzere 4 değer alıyor.
setTextColor(r,g,b) : Metnin rengini değiştirmek için.RGB olarak rengi belirliyoruz.
addPage() : Yeni sayfa eklemek için.Yeni sayfa eklendikten sonra artık koordinatın başlangıç noktası yeni sayfa olur.
Metin için komutlarımız bunlar.Kullanımına geçecek olursak,öncelikle kütüphanemizi tanımlıyoruz.
var pdf = new jsPDF();
bu şekilde kütüphaneyi oluşturduktan sonra,pdf değişkenini kullanarak yazdırma işlemizi yapabiliriz.Örnek
pdf.text(10,35,"Metin");
Eğer önizleme almak istiyorsanız
output() komutu ile çiktı albiliyoruz.Bu çıktıyı iframeye aktararak görebilirsiniz.
Genel örnek :
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="jspdf.min.js"></script>
<script type="text/javascript">
$(function(){
var pdf = new jsPDF();
pdf.text(5, 10, "Lorem ipsum dolor sit amet, consectetur adipiscing elit.");
pdf.setFontSize(25);
pdf.text(5, 25, "Suspendisse finibus fermentum nunc vitae ornare. ");
pdf.setFontSize(16);
pdf.setFont("courier");
pdf.text(5, 40, "Praesent placerat tempus congue.");
pdf.setFontType("italic");
pdf.text(5, 55, "Donec sollicitudin purus non quam tincidunt vehicula.");
pdf.setFontType("bold");
pdf.text(5, 70, "Nulla quis varius diam, sit amet tempus lacus. ");
pdf.addPage();
pdf.setFontType("bolditalic");
pdf.setTextColor(255, 0, 0);
pdf.text(5, 20, "Pellentesque eu eros nec augue imperdiet eleifend eget. ");
var yazdir = pdf.output('datauristring');
$('#onizleme').attr("src",yazdir);
})
</script>
</head>
<body>
<iframe id="onizleme" type="application/pdf" style="width:100%;height:900px;" frameborder="0"></iframe>
</body>
</html>