ஆன்லைன் முன்னோட்டம் PDF ஆவணம் செருகு- PDFObject.js
Online Preview Pdf Document Plug Pdfobject
-
பிளக் விளக்கம்:
இது PDF ஆவணத்தில் உட்பொதிக்கப்பட்ட டைனமிக் HTML க்கான ஜாவாஸ்கிரிப்ட் நூலகம், குறிச்சொல் PDF ஆவணத்தின் பயன்பாடு
அதிகாரப்பூர்வ வலைத்தளம்: https://pdfobject.com/
-
பயன்பாட்டிற்கான படிகள்:
1, pdfobject.js ஐப் பதிவிறக்குக
கிட்ஹப் பதிவிறக்கம்: https://github.com/pipwerks/PDFObject/
2, pdfobject.js அல்லது pdfobject.min.js ஐ அறிமுகப்படுத்த நீங்கள் பயன்படுத்த விரும்பும் HTML பக்கம்
PDFObject.embed('my.pdf')3, ஒரு முன்னோட்ட PDF ஆவணங்களைக் காண்பிக்க HTML பக்கத்திற்கான கொள்கலன் வரையறையில்
PDFObject.embed('my.pdf', '#example1')ஜாவாஸ்கிரிப்டில் 4, PDFObject.js
முதல்: பயன்படுத்த எளிதானது
var options = { pdfOpenParams: {view: 'FitV'}, fallbackLink: 'Your browser does not support pdf' } PDFObject.embed('my.pdf', '#example1', options)இரண்டாவது: குறிப்பிட்ட இருப்பிடத்தைக் காண்பிக்க
.pdfobject-container { height: 30rem border: 1rem solid rgba(0,0,0,.1) }மூன்றாவது: குறிப்பிட்ட இடம், மற்றும் அளவுருக்கள் வழியாகச் செல்லுங்கள்
var bol = PDFObject.supportsPDFs5, கொள்கலன் உள்ளடக்கிய PDF ஆவணங்களின் தோற்றத்தை மாற்ற CSS ஐப் பயன்படுத்தலாம், அதாவது: உயரம், அகலம், எல்லைகள், விளிம்புகள் போன்றவை, வகுப்பு பெயர் pdfobject-container இல் சரி செய்யப்பட்டது
var version = PDFObject.pdfobjectversion//'2.0.20160402'-
விளக்கக்காட்சியின் பண்புகள் மற்றும் முறைகள்:
[] பண்பு கண்டறிதல் PDF ஆவண ஆதரவில் உட்பொதிக்கப்படவில்லை: உண்மை அல்லது பொய், அடிப்படையிலான navigator.mimeTypes ['application / pdf'] மற்றும் கண்டறியப்பட்ட AcroPDF.PDF அல்லது PDF.PdfCtrl
PDFObject.embed(url [string], target [mixed], options [object])PDFObject இன் [சொத்து] பதிப்பு கண்டறிதல்
// css selectors PDFObject.embed('myfile.pdf', '#my-container') // html node var mynode = document.getElementById('someID') PDFObject.embed('myfile.pdf', mynode) // jquery objects var $node = $('#someID') PDFObject.embed('myfile.pdf', $node)[முறை] உட்பொதிக்கப்பட்ட கூறுகளைத் தருகிறது, நீங்கள் உட்பொதிக்க முடியாவிட்டால் அது தவறானது, உட்பொதித்தல் () முறை PDFOject இன் இதயம், நிறைய செயல்பாடு மற்றும் நெகிழ்வுத்தன்மையை வழங்குகிறது.
அளவுருக்கள் url: முகவரி பி.டி.எஃப் ஆவணம், உறவினர் அல்லது முழுமையான முகவரி
இலக்கு அளவுருக்கள்: தேர்வாளர் CSS, html node, jquery பொருள்களைப் பெறுதல்
விருப்பங்கள் அளவுரு விளக்கம்: இது சிறந்த நெகிழ்வுத்தன்மையை வழங்குகிறது
| விருப்பங்கள் | வகைகள் | விளக்கம் | |
| பக்கம் | சரம் / எண் | நீங்கள் ஒரு PDF ஆவணப் பக்கத்தைத் திறக்கும்போது அதைக் குறிப்பிடுகிறது இயல்புநிலை மதிப்பு: பூஜ்யம் | |
| ஐடி | லேசான கயிறு | உருவாக்கப்பட்ட ஐடி உறுப்பு என்பதைக் குறிப்பிடுகிறது இயல்புநிலை மதிப்பு: பூஜ்யம் | |
| அகலம் | லேசான கயிறு | இன்லைன் பாணி பாணி பண்புக்கூறு அனைத்து அலகுகளையும் ஆதரிக்கும் உறுப்பைக் குறிப்பிடுகிறது: px,%, em, rem இயல்புநிலை: '100%' | |
| உயரம் | லேசான கயிறு | இன்லைன் பாணி பாணி பண்புக்கூறு அனைத்து அலகுகளையும் ஆதரிக்கும் உறுப்பைக் குறிப்பிடுகிறது: px,%, em, rem இயல்புநிலை: '100%' | |
| fallbackLink | சரம் / பூலியன் | உலாவி இன்லைன் PDF ஆவணத்தை ஆதரிக்காதபோது, இலக்கு உறுப்பு வெளியீட்டு உதவிக்குறிப்புகளின் உள்ளடக்கங்கள் குறைவடையும் உரை விருப்பங்களை முடக்குவது தவறானது, மற்றும் காப்பு உரை PDFOject செருகுவதைத் தடுக்க இயல்புநிலை மதிப்பு: ' இந்த உலாவி இன்லைன் PDF களை ஆதரிக்காது, அதைப் பார்க்க PDF ஐ பதிவிறக்கவும் :. Pdf ஐ பதிவிறக்கவும் ' | |
| pdfOpenParams | பொருள் | திறந்த அளவுருக்களைக் குறிப்பிட அடோப் PDF உங்களை அனுமதிக்கிறது இயல்புநிலை மதிப்பு: பூஜ்யம் | |
| PDFJS_URL | லேசான கயிறு | அறிமுகப்படுத்தப்பட்ட PDF.js ஐ PDF பார்வையாளர் பார்வையாளர் அணுகல் பாதையைக் குறிப்பிடவும் இயல்புநிலை மதிப்பு: பூஜ்யம் | |
| forcePDFJS | பூலியன் | உலாவியின் இயல்புநிலை PDF ரீடரைப் பொருட்படுத்தாமல், வழங்க PDF.js ஐ கட்டாயமாகப் பயன்படுத்தலாமா இயல்புநிலை: பொய் | |
| அனுமான முறை | பூலியன் | உண்மைதான், உலாவி நவீனமாகக் கருதப்படுகிறதா என்பதை PDFObject சரிபார்க்கும். அப்படியானால், PDF ஆதரவு கிடைக்கிறது என்று PDFObject கருதுகிறது, இது PDF ஆதரவின் சாதாரண கண்டறிதலைத் தவிர்க்கும், PDF மற்றும் உட்பொதிக் குறியீடு பக்கத்தில் ஒரு நவீன உலாவி PDFObject இன் இயல்புநிலை நடத்தைக்கு மாறும், உட்பொதி குறியீட்டிற்கு முன் PDF ஐ செருக முயற்சிக்கும், உட்பொதிக்கப்பட்ட PDF ஆதரவு உள்ளதா என்பதை அறிய ஒரு சோதனை செய்யப்படுகிறது. இது PDF ஆதரவைக் கண்டறிந்தால், அது தொடர்ந்து உட்பொதிக்கப்படும். இல்லையெனில், சாதாரண காப்பு நடத்தை பயன்படுத்தப்படும். இயல்புநிலை: உண்மை | |
pdfOpenParams பொருள் அளவுரு விளக்கம்:
| விருப்பங்கள் | விளக்கம் |
| namedest = பெயர் | PDF இல் குறிப்பிடப்பட்ட நோக்கம் குறிப்பிடப்பட்டுள்ளது |
| page = pagenum | பக்க எண் எடுத்துக்காட்டு: பக்கம் = 2 |
| comment = commentID | கொடுக்கப்பட்ட பக்கத்தில் உள்ள PDF சிறுகுறிப்புகளில் குறிப்பிடப்பட்டுள்ளது, இதற்கு முன் நீங்கள் பயன்படுத்த விரும்பும் பக்க விருப்பங்கள் |
| zoom = அளவு zoom = அளவு, இடது, மேல் | மிதக்கும் புள்ளி அல்லது முழு மதிப்புகளைப் பயன்படுத்துவது பெரிதாக்குதல் மற்றும் ஸ்க்ரோலிங் காரணி ஆகியவற்றை வழங்கியது எடுத்துக்காட்டு: ஜூம் = 200 ஜூம் = 100,0,0 |
| பார்வை = பொருத்து view = FitH view = FitH, மேல் view = FitV view = FitV, இடது view = FitB view = FitBH view = FitBH, மேல் view = FitBV view = FitBV, இடது | PDF மொழி விவரக்குறிப்பைப் பயன்படுத்தவும் வரையறுக்கப்பட்ட முக்கிய சொற்களின் தொகுப்பு பக்கத்தின் காட்சி காண்பிக்கப்படும் இடது மற்றும் உருள் மதிப்பு என்பது ஒரு முழு எண் அல்லது மிதக்கும்-புள்ளி ஒருங்கிணைப்பு அமைப்பாகும், இங்கு 0,0 ஆவண சுழற்சியைப் பொருட்படுத்தாமல், புலப்படும் பக்கத்தின் மேல்-இடது மூலையை குறிக்கிறது. பயன்படுத்த இந்த பக்க விருப்பத்திற்கு முன் குறிப்பு: கட்டளை வரி ஆதரிக்கவில்லை |
| viewrect = இடது, மேல், wd, ht | ஒருங்கிணைப்பு அமைப்பில் ஒரு மிதக்கும் புள்ளி அல்லது பார்வை செவ்வகத்தின் முழு மதிப்புகளைப் பயன்படுத்தி வழங்கப்படுகிறது, இதில் ஆவணத்தின் சுழற்சியைப் பொருட்படுத்தாமல் பக்கத்தின் 0,0 மேல் இடது மூலையில் தெரியும். பயன்படுத்த இந்த பக்க விருப்பத்திற்கு முன் குறிப்பு: கட்டளை வரி ஆதரிக்கவில்லை |
| pagemode = எதுவுமில்லை | பக்கப்பட்டி நிலை, புக்மார்க்குகள் அல்லது சிறு உருவங்களைக் காண்பி ஏற்றுக்கொள்ளப்பட்ட மதிப்புகள்: எதுவுமில்லை, கட்டைவிரல், புக்மார்க்குகள், இணைப்புகள் |
| சுருள் பட்டை = 1 | 0 | திறந்த அல்லது மூடிய உருள் பட்டி |
| தேடல் = சொல் பட்டியல் | தேடல் பயனர் இடைமுகத்தைத் திறந்து, ஆவண பட்டியலில் குறிப்பிட்ட சொற்களைத் தேடுங்கள், ஆவணத்தில் சிறப்பிக்கப்பட்ட சொல் பொருத்தம். இந்த சொற்களை மேற்கோள் குறிகளில் இணைக்க வேண்டும், இடத்தால் பிரிக்க வேண்டும்: தேடல் = 'சொல் 1 சொல் 2' |
| statusbar = 1 | 0 | திறந்த அல்லது மூடிய நிலை பட்டி |
| செய்திகள் = 1 | 0 | ஆவண செய்தி பட்டியைத் திறக்கவும் அல்லது மூடவும் |
| navpanes = 1 | 0 | திறந்த அல்லது மூடிய இடங்கள் மற்றும் தாவல் வழிசெலுத்தல் |
| சிறப்பம்சமாக = lt, rt, top, btm | ஒரு குறிப்பிட்ட செவ்வகத்தை முன்னிலைப்படுத்தத் தோன்றும் பக்கத்தில் மதிப்பு என்பது ஒரு முழு செவ்வக ஒருங்கிணைப்பு அமைப்பாகும், இங்கு 0,0 என்பது ஆவண சுழற்சியைப் பொருட்படுத்தாமல், புலப்படும் பக்கத்தின் மேல்-இடது மூலையை குறிக்கிறது. பயன்படுத்த இந்த பக்க விருப்பத்திற்கு முன் |
| உதவி = குறியீட்டு | உள்ளடக்கங்கள் | தேடல் | கட்டளை வரி அல்லது ஆப்பிள் நிகழ்விலிருந்து கோப்பைத் திறக்கும்போது மட்டுமே பயன்படுத்தப்படுகிறது 'உதவி' சாளரத்தில் ஆவணத்தைத் திறந்து குறிப்பிட்ட வழிசெலுத்தல் பேனலைத் தேர்ந்தெடுக்கவும் |
| fdf = URL | எஃப்.டி.எஃப் கோப்பைக் குறிப்பிடவும், இது நீங்கள் PDF கோப்பை திறக்க விரும்பும் படிவ புலங்களை நிரப்ப பயன்படுகிறது குறிப்பு: URL இல் fdf கடைசி அளவுரு குறிப்பிடப்பட வேண்டும் |
| கொலாப் = அமைப்பு | ஆவணங்களை சேமிப்பதற்கும் கருத்துகளை வழங்குவதற்கும் கூட்டு சேமிப்பிடத்தை அமைத்தல் இந்த மதிப்பாய்வு இயல்புநிலை சேவையகத்தின் மதிப்பாய்வு அல்லது இயல்புநிலை விருப்பத்தை உள்ளடக்கும் |