Foinse Oscailte Leabharlann Amharclainne PDF JavaScript
Leabharlann JavaScript In Aisce & Foinse Oscailte chun doiciméid PDF a fheiceáil.
Cad is PDFObject ann?
Is leabharlann JavaScript saor in aisce agus foinse oscailte é PDFObject a forbraíodh chun doiciméid PDF a leabú i leathanaigh ghréasáin. Oibríonn sé trí eilimint leabaithe HTML a ghiniúint agus ansin é a chomhtháthú sa struchtúr HTML. Déanann an eilimint leabaithe an doiciméad PDF ansin. Ní rindreálaí é PDFObject; ina ionad sin díríonn sé ar an eilimint leabaithe a chruthú agus é a chur laistigh den HTML. Is féidir leis eilimintí leabaithe a chruthú chun PDFanna a thaispeáint i méid iomlán nó laistigh de ranna sonraithe den leathanach gréasáin.
Seo a leanas roinnt de phríomhghnéithe PDFObject:
- Meicníocht Fallback: Tá meicníocht chúltaca ag PDFObject agus mar sin i gcásanna nach dtacaíonn brabhsálaí le leabú PDFanna, gníomhaíonn PDFObject an loighic aisfhillte go huathoibríoch a ligeann d'fhorbróirí nasc chuig an PDF nó aon loighic mhalartach eile a sholáthar de réir mar is gá .
- Comhtháthú PDF.js: Soláthraíonn PDFObject comhtháthú roghnach le PDF.js, rud a chuireann ar chumas forbróirí PDFanna a leabú beag beann ar PDF réamhshocraithe an bhrabhsálaí bhreathnóir. Tá an ghné seo úsáideach nuair nach dtacaíonn an brabhsálaí le doiciméid PDF a leabú san HTML.
- Paraiméadair Oscailte PDF: Tacaíonn PDFObject le Paraiméadair Oscailte PDF dílseánaigh Adobe a ligeann d'fhorbróirí paraiméadair a shonrú le haghaidh taispeáint PDF. Áirítear leis seo roghanna amhail modh amhairc agus socruithe eile a bhaineann go sonrach le Adobe. Is féidir na paraiméadair seo go léir a fháil anseo.
Tús a chur le PDFObject
Is féidir linn an leabharlann PDFObject a íoslódáil ag baint úsáide as an modúl npm:
Suiteáil ag baint úsáide as NPM
npm i pdfobject
Leabaigh PDF in HTML le Fíorú Tacaíochta Brabhsálaí
Is féidir linn doiciméad PDF a leabú in HTML ag baint úsáide as an leabharlann PDFObject. Ar dtús seiceóimid an dtacaíonn an brabhsálaí le doiciméad PDF a leabú in HTML trí úsáid a bhaint as modh supportsPDFs na leabharlainne PDFObject. Má fhilleann sé fíor ag tabhairt le fios go dtacaíonn sé le leabú PDF in HTML ansin déanfaimid an PDF a leabú san HTML ag baint úsáide as an modh embed("document_name.pdf",,"#elementid"). Leabóidh an fheidhm seo an PDF in eilimint ar leith san HTML. Le haghaidh PDF lánmhéide a leabú ní luafaimid aon eilimint id agus cuirfimid embed("document_name.pdf") ar an modh. Mar sin féin, má thagann sé ar ais go bréagach a thugann le fios nach dtacaíonn sé le leabú PDF in HTML, bogfaimid chuig loighic mhalartach eile de réir mar is gá. Seiceáil thíos blúire cód le haghaidh na sonraí:
Taispeánann an t-aschur seo a leanas an doiciméad PDF leabaithe san HTML:
Cruthaigh Meicníocht Fallback
Is féidir linn meicníocht chúltaca a bhunú agus PDF á neadú i leathanach gréasáin ag baint úsáide as PDFObject a chuirtear i ngníomh nuair nach dtacaíonn an brabhsálaí le PDF a leabú in HTML. Úsáideann PDFObject paraiméadar ar a dtugtar fallbackLink ina bhfuil loighic mhalartach agus an fheidhm embed á ghlaoch. Mar sin, mura dtacaíonn brabhsálaí le comhaid PDF a leabú, déantar an cód atá sa fallbackLink a fhorghníomhú san eilimint ainmnithe div. Seiceáil thíos blúire cód le haghaidh na sonraí:
Taispeánann an seat scáileáin aschuir an t-ábhar a thaispeánann an mheicníocht chúltaca. Cuireadh an mheicníocht chúltaca i ngníomh nuair nár thacaigh an brabhsálaí le PDFs a leabú in HTML.
Leabaigh PDF le Paraiméadair Oscailte Adobe PDF
Is féidir linn PDFanna a leabú mar aon le roinnt paraiméadair tosaigh ag baint úsáide as an leabharlann PDFObject. Úsáidfimid an modh PDFObject.embed("myfile.pdf", "#my-container", {pdfOpenParams: { paraiméadair }}) chun an doiciméad PDF a leabú san HTML mar aon leis na paraiméadair tosaigh . Áiríonn na PDF Paraiméadair Oscailte gnéithe ar nós an PDF a oscailt agus scrollaigh go dtí uimhir leathanaigh ar leith. Seiceáil thíos blúire cód le haghaidh na sonraí:
Taispeánann an screenshot seo a leanas an doiciméad PDF leabaithe san HTML le paraiméadair bhreise a fhágann go scrollaíonn an eilimint leabaithe go dtí leathanach 3 tar éis é a rindreáil:
PDF a leabú trí PDF.js a chomhtháthú
Mar is eol dúinn braitheann PDFObject ar thacaíocht an bhrabhsálaí chun PDF a leabú in HTML ach cuireann sé modh eile ar fáil chun PDFanna a sholáthar mura dtacaíonn an brabhsálaí leis. Is é an modh malartach ná PDF.js a chomhtháthú le PDFObject. Chun é a dhéanamh, beidh orainn PDF.js a shocrú ar ár bhfreastalaí agus ansin déanfaimid ForcePDFJS: true agus PDFJS_URL: path/to/viewer.html/in/pdf paraiméadair .js leis an bhfeidhm leabaithe.
Tabhair faoi deara: Sa mhír chóid thíos mar shampla, chruthaíomar agus chuireamar tús le freastalaí ina bhfuil an leabharlann PDF.js agus mar sin díríonn http://localhost:8888 ar an leabharlann PDF.js.
Taispeánann an screenshot seo a leanas an doiciméad PDF soláthraithe trí PDFObject a chomhtháthú le PDF.js:
Conclúid
Mar fhocal scoir, is leabharlann JavaScript éasca le húsáid é PDFObject chun doiciméid PDF a leabú in HTML. Cé nach bhfeidhmíonn sé mar rindreálaí agus braitheann sé ar thacaíocht an bhrabhsálaí d'eilimintí leabaithe a d'fhéadfadh a bheith ina chúis le saincheisteanna cosúil le UI briste i mbrabhsálaithe nach dtacaíonn le heilimint leabaithe ach tá gnéithe ag an leabharlann chun fadhbanna den sórt sin a réiteach trína tacaíocht a bhrath do eilimint a leabú agus meicníocht chúltaca. Is féidir linn PDFanna a sholáthar freisin i mbrabhsálaithe nach dtacaíonn le heilimintí leabaithe trí PDF.js a chomhtháthú leis an PDFObject. In ainneoin a theorainneacha, seasann PDFObject amach mar uirlis luachmhar, chun doiciméid PDF a leabú agus a sholáthar i leathanaigh ghréasáin.