jsPDF產生pdf後在網頁展示實例_javascript技巧

jsPDF標題>


window.onload=function(){
var doc = new jsPDF();
//var doc = new jsPDF ('landscape');//橫排

doc.setProperties({//設定文件屬性
title: 'Title',
subject: '這是主題'，
作者：'龍'，
關鍵字：'javascript，web 2.0，ajax'，
創建者：'MEEE'
}）；

doc.setTextColor(0,255,0);
doc.setFontSize(22);
doc.setFont("times");
doc.setFontType("斜體");
doc.text(20, 20, 'Hello world!' );//新增文字

doc.setTextColor(255,0,0);
doc.setFontSize(16);
doc.setFont("helvetica");
doc. setFontType("粗體");
doc.text(20, 30, '這是客戶端Javascript，正在產生PDF。');

doc.addPage();//新增頁面

doc.setLineWidth(1);//設定線寬
doc.setDrawColor(0,255,0);//設定畫筆顏色
doc.setFillColor(255,0,0);//設定填滿顏色
doc.line(60, 20, 115, 60);//畫線，兩個座標
doc.rect （100、50、20、30）； //畫矩形，左上角座標，寬度，高度，只有邊框
doc.ellipse(20, 20, 20, 10, 'F');//畫橢圓，中心點座標，寬度，高度，只有邊
doc.circle( 120, 20, 20, 'FD');//畫圓，中心點座標，半徑，邊框和填充都有
doc.triangle(100, 100, 110, 100, 120 , 130, 'FD') ;

//doc.output('datauri');//直接輸出為新的網頁
document.getElementById("iframe123").src = doc.output('datauristring');/ /在iframe顯示
}

頭>


身體>