JsPDF Ders-1 Metin işlemleri
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

JsPDF Ders-1 Metin işlemleri

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(2468)
RAPOR ET
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>



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol