Gin PDF trí Fhoinse Oscailte JavaScript API
Leabharlann JavaScript Foinse Oscailte chun Comhaid PDF a Chruthú & a Thiontú, cuir Grafaic & Téacs go PDF trí JavaScript.
Is réiteach foinse oscailte taobh cliant HTML5 é JSPDF chun doiciméid PDF a chruthú agus a bhainistiú. Tacaíonn sé le gnéithe iontacha cosúil le tuairisciú, teastais, ticéadú agus go leor eile. Toisc go bhfuil an-tóir ar PDF ar fud an ghréasáin agus tá beagnach gach cuideachta á úsáid chun doiciméid agus tuarascálacha a roinnt. Trí úsáid a bhaint as cúpla ordú is féidir leat na gnéithe iontacha go léir laistigh d'iarratas féin a rochtain agus a athúsáid.
Is é an smaoineamh iontach faoi leabharlann JsPDF ná go gcruthaíonn sé comhad PDF nuair a chliceálann úsáideoirí ar an gcnaipe íoslódála. Áiríodh leis tacaíocht do roinnt gnéithe suntasacha, mar dhoiciméid PDF a ghiniúint, cruthanna a tharraingt agus íomhánna a chur isteach i gcomhaid PDF, leathanaigh a chur le PDF, téacs a chur leis agus a thaispeáint, léarscáil a onnmhairiú mar PDF, HTML a thiontú go PDF agus go leor eile.
Tús a chur le JsPDF
Is é an bealach molta agus is éasca le tosú ná an leabharlann arna óstáil ag CDN a scaoileadh isteach i do leathanach, seo thíos an t-ordú.
úsáid cód Suiteáil
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>
Doiciméid PDF a ghiniúint trí Leabharlann JavaScript
Cuireann JsPDF an fheidhmiúlacht ar fáil chun doiciméid PDF a ghiniúint chomh maith le mionathruithe ar fheidhmchláir JavaScript. Is féidir leat doiciméid PDF a ghiniúint go héasca agus leathanach nua a chur leis. Is féidir leat treoshuíomh doiciméad, aonaid, agus formáid réamhshocraithe an leathanaigh a shainiú agus an doiciméad nua á chruthú agat. Nuair a bheidh an PDF ginte is féidir leat leathanaigh nua a chur leis go héasca, íomhánna, srl. a chur isteach ann gan stró.
Cruthaigh Doiciméid PDF trí JavaScript
import { jsPDF } from "jspdf";
// Default export is a4 paper, portrait, using millimeters for units
const doc = new jsPDF();
doc.text("Hello world!", 10, 10);
doc.save("a4.pdf");
Téacs a chur isteach i nDoiciméid PDF trí JavaScript
Éascaíonn an JsPDF API d’fhorbróirí JavaScript téacs a chur leis agus a thaispeáint taobh istigh de dhoiciméad PDF. Chun an téacs a tharraingt ní mór duit ainm an chló a shainiú. Is féidir linn a roghnú as na clónna atá ar fáil. Is féidir freisin an teaghlach cló agus an stíl cló a athrú. Tar éis sin, is féidir linn clómhéid, dath téacs agus níos mó a shainiú.
Cuir Téacs leis an PDF Reatha ag baint úsáide as JavaScript
//Add Text to Existing PDF
var doc = new jsPDF();
doc.addHTML(document.body, function() {
doc.text(20, 20, 'Hello world!');
doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.');
doc.addPage();
doc.text(20, 20, 'Do you like that?');
printData();
});
printData = function() {
var str = doc.output('datauristring');
console.log(str);
// window.open(str); Optional
}
Grafaicí a Chur le Doiciméid PDF trí JavaScript
Cuireann leabharlann JsPDF ar chumas gairmí JavaScript grafaic a tharraingt taobh istigh de dhoiciméid PDF. Cuireann grafaic luach níos mó ar an bpíosa ábhair i gcónaí. Gcéad dul síos, ní mór dúinn a shocrú ar na cruthanna tarraingthe líonadh agus dathanna stróc. Is féidir linn an leithead stróc a shocrú freisin. Glacann gach feidhm líníochta crutha na comhordanáidí lárphointe mar dhá pharaiméadar tosaigh (seachas triantán). Glacann siad freisin an stíl líníochta paraiméadar deiridh. Is féidir linn éilips a tharraingt, trí dhá gha nó ciorcal a rith, gan ach ga amháin, triantán a rith, trí chomhordanáidí gach cúinne a rith agus níos mó.
Cuir íomhá le PDF ag baint úsáide as JavaScript
// Add image to PDF
var img = new Image()
img.src = 'assets/sample.png'
pdf.addImage(img, 'png', 10, 78, 12, 15)