[{"data":1,"prerenderedAt":698},["ShallowReactive",2],{"navigation_docs":3,"-versions-1-1-1-get-started-rendering-modes":282,"-versions-1-1-1-get-started-rendering-modes-surround":693},[4,63,109,175],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":62},"API","i-lucide-braces","\u002Fapi","api",[10,14,18,22,26,30,34,38,42,46,50,54,58],{"title":11,"path":12,"stem":13},"Html2Pdf Component","\u002Fapi\u002Fcomponent","api\u002F01.component",{"title":15,"path":16,"stem":17},"Core Props","\u002Fapi\u002Fprops","api\u002F02.props",{"title":19,"path":20,"stem":21},"PDF Headers in Vue","\u002Fapi\u002Fheaders","api\u002F03.headers",{"title":23,"path":24,"stem":25},"PDF Footers in Vue","\u002Fapi\u002Ffooters","api\u002F04.footers",{"title":27,"path":28,"stem":29},"Security","\u002Fapi\u002Fsecurity","api\u002F05.security",{"title":31,"path":32,"stem":33},"Watermarks","\u002Fapi\u002Fwatermarks","api\u002F06.watermarks",{"title":35,"path":36,"stem":37},"Metadata & Compression","\u002Fapi\u002Fmetadata-compression","api\u002F07.metadata-compression",{"title":39,"path":40,"stem":41},"Programmatic API","\u002Fapi\u002Fprogrammatic-api","api\u002F08.programmatic-api",{"title":43,"path":44,"stem":45},"Loader, Progress, Metrics, Events & Slots","\u002Fapi\u002Fevents-slots","api\u002F09.events-slots",{"title":47,"path":48,"stem":49},"TypeScript","\u002Fapi\u002Ftypescript","api\u002F10.typescript",{"title":51,"path":52,"stem":53},"PDF Styling & data-pdf-ignore","\u002Fapi\u002Fpdf-styling","api\u002F11.pdf-styling",{"title":55,"path":56,"stem":57},"API Reference","\u002Fapi\u002Ffull-reference","api\u002F12.full-reference",{"title":59,"path":60,"stem":61},"Compose Existing PDF Pages","\u002Fapi\u002Fcomposition","api\u002F13.composition",false,{"title":64,"icon":65,"path":66,"stem":67,"children":68,"page":62},"Get Started","i-lucide-book-open","\u002Fget-started","get-started",[69,73,77,81,85,89,93,97,101,105],{"title":70,"path":71,"stem":72},"Introduction","\u002Fget-started\u002Fintroduction","get-started\u002F01.introduction",{"title":74,"path":75,"stem":76},"Installation","\u002Fget-started\u002Finstallation","get-started\u002F02.installation",{"title":78,"path":79,"stem":80},"Quick Start","\u002Fget-started\u002Fquick-start","get-started\u002F03.quick-start",{"title":82,"path":83,"stem":84},"Rendering Modes","\u002Fget-started\u002Frendering-modes","get-started\u002F04.rendering-modes",{"title":86,"path":87,"stem":88},"Component Registration","\u002Fget-started\u002Fregistration","get-started\u002F05.registration",{"title":90,"path":91,"stem":92},"Preview & Download","\u002Fget-started\u002Fpreview-download","get-started\u002F06.preview-download",{"title":94,"path":95,"stem":96},"Smart PDF Pagination","\u002Fget-started\u002Fpagination","get-started\u002F07.pagination",{"title":98,"path":99,"stem":100},"Nuxt 3 & Nuxt 4 SSR","\u002Fget-started\u002Fnuxt-ssr","get-started\u002F08.nuxt-ssr",{"title":102,"path":103,"stem":104},"Migration Guide","\u002Fget-started\u002Fmigration","get-started\u002F09.migration",{"title":106,"path":107,"stem":108},"PDF Paper Formats and Orientation","\u002Fget-started\u002Fpaper-formats","get-started\u002F10.paper-formats",{"title":110,"icon":111,"path":112,"stem":113,"children":114,"page":62},"Use Cases","i-lucide-flask-conical","\u002Fuse-cases","use-cases",[115,119,123,127,131,135,139,143,147,151,155,159,163,167,171],{"title":116,"path":117,"stem":118},"Playground","\u002Fuse-cases\u002Fplayground","use-cases\u002F01.playground",{"title":120,"path":121,"stem":122},"Selectable Text Mode","\u002Fuse-cases\u002Fselectable-text","use-cases\u002F02.selectable-text",{"title":124,"path":125,"stem":126},"Clickable PDF Links","\u002Fuse-cases\u002Fclickable-links","use-cases\u002F03.clickable-links",{"title":128,"path":129,"stem":130},"Images & CORS","\u002Fuse-cases\u002Fimages-cors","use-cases\u002F04.images-cors",{"title":132,"path":133,"stem":134},"Production Guide","\u002Fuse-cases\u002Fproduction-guide","use-cases\u002F05.production-guide",{"title":136,"path":137,"stem":138},"Troubleshooting","\u002Fuse-cases\u002Ftroubleshooting","use-cases\u002F06.troubleshooting",{"title":140,"path":141,"stem":142},"Testing & Browser Support","\u002Fuse-cases\u002Ftesting-browser-support","use-cases\u002F07.testing-browser-support",{"title":144,"path":145,"stem":146},"Performance Engineering","\u002Fuse-cases\u002Fperformance-engineering","use-cases\u002F08.performance-engineering",{"title":148,"path":149,"stem":150},"Full Performance Engineering Report","\u002Fuse-cases\u002Fperformance-report","use-cases\u002F09.performance-report",{"title":152,"path":153,"stem":154},"Community & Feedback","\u002Fuse-cases\u002Fcommunity","use-cases\u002F10.community",{"title":156,"path":157,"stem":158},"Acknowledgements","\u002Fuse-cases\u002Facknowledgements","use-cases\u002F11.acknowledgements",{"title":160,"path":161,"stem":162},"Fonts, Charts, SVG and Image Optimization","\u002Fuse-cases\u002Fmedia-typography","use-cases\u002F12.media-typography",{"title":164,"path":165,"stem":166},"PDF Generation Flow","\u002Fuse-cases\u002Fproject-flow","use-cases\u002F13.project-flow",{"title":168,"path":169,"stem":170},"Ask the vue-pdf-export documentation","\u002Fuse-cases\u002Fask-docs","use-cases\u002F14.ask-docs",{"title":172,"path":173,"stem":174},"Vue to PDF in Vue 3 and Nuxt","\u002Fuse-cases\u002Fvue-to-pdf","use-cases\u002F14.vue-to-pdf",{"title":176,"path":177,"stem":178,"children":179,"page":62},"Versions","\u002Fversions","versions",[180,252],{"title":181,"path":182,"stem":183,"children":184},"v1 Documentation","\u002Fversions\u002F1.1.1","versions\u002F1.1.1\u002Findex",[185,186,218,232],{"title":181,"path":182,"stem":183},{"title":187,"path":188,"stem":189,"children":190,"page":62},"Api","\u002Fversions\u002F1.1.1\u002Fapi","versions\u002F1.1.1\u002Fapi",[191,194,197,201,205,208,211,214],{"title":11,"path":192,"stem":193},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fcomponent","versions\u002F1.1.1\u002Fapi\u002F01.component",{"title":15,"path":195,"stem":196},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fprops","versions\u002F1.1.1\u002Fapi\u002F02.props",{"title":198,"path":199,"stem":200},"Headers","\u002Fversions\u002F1.1.1\u002Fapi\u002Fheaders","versions\u002F1.1.1\u002Fapi\u002F03.headers",{"title":202,"path":203,"stem":204},"Footers","\u002Fversions\u002F1.1.1\u002Fapi\u002Ffooters","versions\u002F1.1.1\u002Fapi\u002F04.footers",{"title":39,"path":206,"stem":207},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fprogrammatic-api","versions\u002F1.1.1\u002Fapi\u002F08.programmatic-api",{"title":43,"path":209,"stem":210},"\u002Fversions\u002F1.1.1\u002Fapi\u002Fevents-slots","versions\u002F1.1.1\u002Fapi\u002F09.events-slots",{"title":47,"path":212,"stem":213},"\u002Fversions\u002F1.1.1\u002Fapi\u002Ftypescript","versions\u002F1.1.1\u002Fapi\u002F10.typescript",{"title":215,"path":216,"stem":217},"Full README Reference","\u002Fversions\u002F1.1.1\u002Fapi\u002Ffull-reference","versions\u002F1.1.1\u002Fapi\u002F12.full-reference",{"title":64,"path":219,"stem":220,"children":221,"page":62},"\u002Fversions\u002F1.1.1\u002Fget-started","versions\u002F1.1.1\u002Fget-started",[222,225,228],{"title":70,"path":223,"stem":224},"\u002Fversions\u002F1.1.1\u002Fget-started\u002Fintroduction","versions\u002F1.1.1\u002Fget-started\u002F01.introduction",{"title":82,"path":226,"stem":227},"\u002Fversions\u002F1.1.1\u002Fget-started\u002Frendering-modes","versions\u002F1.1.1\u002Fget-started\u002F04.rendering-modes",{"title":229,"path":230,"stem":231},"Pagination","\u002Fversions\u002F1.1.1\u002Fget-started\u002Fpagination","versions\u002F1.1.1\u002Fget-started\u002F07.pagination",{"title":110,"path":233,"stem":234,"children":235,"page":62},"\u002Fversions\u002F1.1.1\u002Fuse-cases","versions\u002F1.1.1\u002Fuse-cases",[236,239,242,245,248],{"title":116,"path":237,"stem":238},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Fplayground","versions\u002F1.1.1\u002Fuse-cases\u002F01.playground",{"title":136,"path":240,"stem":241},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Ftroubleshooting","versions\u002F1.1.1\u002Fuse-cases\u002F06.troubleshooting",{"title":140,"path":243,"stem":244},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Ftesting-browser-support","versions\u002F1.1.1\u002Fuse-cases\u002F07.testing-browser-support",{"title":144,"path":246,"stem":247},"\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Fperformance-engineering","versions\u002F1.1.1\u002Fuse-cases\u002F08.performance-engineering",{"title":249,"path":250,"stem":251},"Vue HTML to PDF Examples","\u002Fversions\u002F1.1.1\u002Fuse-cases\u002Fvue-html-to-pdf","versions\u002F1.1.1\u002Fuse-cases\u002F12.vue-html-to-pdf",{"title":253,"path":254,"stem":255,"children":256},"Full References by Package Version","\u002Fversions\u002Ffull-references","versions\u002Ffull-references\u002Findex",[257,258,264,270,276],{"title":253,"path":254,"stem":255},{"title":259,"path":260,"stem":261,"children":262},"vue-pdf-export 1.1.1 Full Reference","\u002Fversions\u002Ffull-references\u002F1.1.1","versions\u002Ffull-references\u002F1.1.1\u002Findex",[263],{"title":259,"path":260,"stem":261},{"title":265,"path":266,"stem":267,"children":268},"vue-pdf-export 1.2.0 Full Reference","\u002Fversions\u002Ffull-references\u002F1.2.0","versions\u002Ffull-references\u002F1.2.0\u002Findex",[269],{"title":265,"path":266,"stem":267},{"title":271,"path":272,"stem":273,"children":274},"vue-pdf-export 1.2.1 Full Reference","\u002Fversions\u002Ffull-references\u002F1.2.1","versions\u002Ffull-references\u002F1.2.1\u002Findex",[275],{"title":271,"path":272,"stem":273},{"title":277,"path":278,"stem":279,"children":280},"vue-pdf-export 1.3.0 Full Reference","\u002Fversions\u002Ffull-references\u002F1.3.0","versions\u002Ffull-references\u002F1.3.0\u002Findex",[281],{"title":277,"path":278,"stem":279},{"id":283,"title":82,"body":284,"description":685,"extension":686,"links":687,"meta":688,"navigation":594,"path":226,"seo":689,"stem":227,"__hash__":692},"docs\u002Fversions\u002F1.1.1\u002Fget-started\u002F04.rendering-modes.md",{"type":285,"value":286,"toc":681},"minimark",[287,292,308,349,352,355,380,383,388,395,398,424,430,434,458,461,464,520,523,665,677],[288,289,291],"h3",{"id":290},"canvas-mode","Canvas mode",[293,294,295,296,300,301,300,304,307],"p",{},"Canvas mode is the default and uses the package's existing ",[297,298,299],"code",{},"html2pdf.js"," \u002F ",[297,302,303],{},"html2canvas",[297,305,306],{},"jsPDF"," pipeline.",[309,310,315],"pre",{"className":311,"code":312,"language":313,"meta":314,"style":314},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CHtml2Pdf render-mode=\"canvas\" \u002F>\n","vue","",[297,316,317],{"__ignoreMap":314},[318,319,322,326,330,334,337,340,344,346],"span",{"class":320,"line":321},"line",1,[318,323,325],{"class":324},"sMK4o","\u003C",[318,327,329],{"class":328},"swJcz","Html2Pdf",[318,331,333],{"class":332},"spNyl"," render-mode",[318,335,336],{"class":324},"=",[318,338,339],{"class":324},"\"",[318,341,343],{"class":342},"sfazB","canvas",[318,345,339],{"class":324},[318,347,348],{"class":324}," \u002F>\n",[293,350,351],{},"Use it when the highest possible browser CSS fidelity is more important than selectable body text.",[293,353,354],{},"Best for:",[356,357,358,362,365,368,371,374,377],"ul",{},[359,360,361],"li",{},"complex CSS",[359,363,364],{},"gradients",[359,366,367],{},"shadows",[359,369,370],{},"transforms",[359,372,373],{},"custom web fonts",[359,375,376],{},"visual dashboards",[359,378,379],{},"designs where browser appearance is the priority",[293,381,382],{},"Body content is rasterized, so normal body text is not selectable\u002Fsearchable.",[384,385,387],"h4",{"id":386},"incremental-canvas-rendering","Incremental Canvas rendering",[293,389,390,391,394],{},"When the export DOM contains ",[297,392,393],{},".html2pdf__page-break"," markers, Canvas mode uses an incremental page-by-page renderer instead of capturing the entire document as one giant canvas.",[293,396,397],{},"This path:",[356,399,400,403,406,412,415,418,421],{},[359,401,402],{},"clones and renders one logical PDF page at a time",[359,404,405],{},"keeps raster dimensions page-bounded",[359,407,408,409,411],{},"releases temporary page DOM after ",[297,410,303],{}," finishes reading it",[359,413,414],{},"releases canvas backing stores after insertion into jsPDF",[359,416,417],{},"reports page-level progress",[359,419,420],{},"yields to the browser between expensive steps",[359,422,423],{},"supports cooperative cancellation before the next page begins",[293,425,426,427,429],{},"Canvas documents without page-break markers keep the legacy ",[297,428,299],{}," worker for backwards compatibility.",[288,431,433],{"id":432},"selectable-text-mode","Selectable text mode",[309,435,437],{"className":311,"code":436,"language":313,"meta":314,"style":314},"\u003CHtml2Pdf render-mode=\"text\" \u002F>\n",[297,438,439],{"__ignoreMap":314},[318,440,441,443,445,447,449,451,454,456],{"class":320,"line":321},[318,442,325],{"class":324},[318,444,329],{"class":328},[318,446,333],{"class":332},[318,448,336],{"class":324},[318,450,339],{"class":324},[318,452,453],{"class":342},"text",[318,455,339],{"class":324},[318,457,348],{"class":324},[293,459,460],{},"Selectable text mode converts the live browser layout into PDF vector\u002Ftext operations instead of turning the entire document into a screenshot.",[293,462,463],{},"It supports:",[356,465,466,469,472,475,478,481,484,487,490,493,496,499,502,505,508,511,514,517],{},[359,467,468],{},"selectable body text",[359,470,471],{},"searchable body text",[359,473,474],{},"copyable body text",[359,476,477],{},"selectable header\u002Ffooter text",[359,479,480],{},"selectable footer page numbers",[359,482,483],{},"clickable PDF hyperlinks",[359,485,486],{},"images",[359,488,489],{},"backgrounds",[359,491,492],{},"borders",[359,494,495],{},"basic border radius",[359,497,498],{},"text color, weight, italic, decoration, alignment, and spacing",[359,500,501],{},"multi-page output",[359,503,504],{},"manual page-break markers",[359,506,507],{},"PDF password protection",[359,509,510],{},"PDF permissions",[359,512,513],{},"metadata",[359,515,516],{},"compression",[359,518,519],{},"headers, footers, and watermarks",[293,521,522],{},"Example:",[309,524,526],{"className":311,"code":525,"language":313,"meta":314,"style":314},"\u003CHtml2Pdf render-mode=\"text\" :security=\"security\" :metadata=\"metadata\" :compress=\"true\">\n\n  \u003Ctemplate #pdf-content>\n    \u003Cmain>\n      \u003Ch1>Selectable report\u003C\u002Fh1>\n      \u003Cp>You can select and search this text in the generated PDF.\u003C\u002Fp>\n\n      \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-pdf-export\">\n        Open vue-pdf-export on npm\n      \u003C\u002Fa>\n    \u003C\u002Fmain>\n  \u003C\u002Ftemplate>\n\u003C\u002FHtml2Pdf>\n",[297,527,528,589,596,602,608,614,620,625,631,637,643,649,655],{"__ignoreMap":314},[318,529,530,532,534,536,538,540,542,544,547,550,552,554,557,559,561,563,565,567,569,571,573,576,578,580,584,586],{"class":320,"line":321},[318,531,325],{"class":324},[318,533,329],{"class":328},[318,535,333],{"class":332},[318,537,336],{"class":324},[318,539,339],{"class":324},[318,541,453],{"class":342},[318,543,339],{"class":324},[318,545,546],{"class":324}," :",[318,548,549],{"class":332},"security",[318,551,336],{"class":324},[318,553,339],{"class":324},[318,555,549],{"class":556},"sTEyZ",[318,558,339],{"class":324},[318,560,546],{"class":324},[318,562,513],{"class":332},[318,564,336],{"class":324},[318,566,339],{"class":324},[318,568,513],{"class":556},[318,570,339],{"class":324},[318,572,546],{"class":324},[318,574,575],{"class":332},"compress",[318,577,336],{"class":324},[318,579,339],{"class":324},[318,581,583],{"class":582},"sfNiH","true",[318,585,339],{"class":324},[318,587,588],{"class":324},">\n",[318,590,592],{"class":320,"line":591},2,[318,593,595],{"emptyLinePlaceholder":594},true,"\n",[318,597,599],{"class":320,"line":598},3,[318,600,601],{"class":556},"  \u003Ctemplate #pdf-content>\n",[318,603,605],{"class":320,"line":604},4,[318,606,607],{"class":556},"    \u003Cmain>\n",[318,609,611],{"class":320,"line":610},5,[318,612,613],{"class":556},"      \u003Ch1>Selectable report\u003C\u002Fh1>\n",[318,615,617],{"class":320,"line":616},6,[318,618,619],{"class":556},"      \u003Cp>You can select and search this text in the generated PDF.\u003C\u002Fp>\n",[318,621,623],{"class":320,"line":622},7,[318,624,595],{"emptyLinePlaceholder":594},[318,626,628],{"class":320,"line":627},8,[318,629,630],{"class":556},"      \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-pdf-export\">\n",[318,632,634],{"class":320,"line":633},9,[318,635,636],{"class":556},"        Open vue-pdf-export on npm\n",[318,638,640],{"class":320,"line":639},10,[318,641,642],{"class":556},"      \u003C\u002Fa>\n",[318,644,646],{"class":320,"line":645},11,[318,647,648],{"class":556},"    \u003C\u002Fmain>\n",[318,650,652],{"class":320,"line":651},12,[318,653,654],{"class":556},"  \u003C\u002Ftemplate>\n",[318,656,658,661,663],{"class":320,"line":657},13,[318,659,660],{"class":324},"\u003C\u002F",[318,662,329],{"class":328},[318,664,588],{"class":324},[666,667,668],"blockquote",{},[293,669,670,671,676],{},"Selectable-text mode intentionally favors real PDF text over pixel-perfect parity with every browser CSS feature. See ",[672,673,675],"a",{"href":674},"#selectable-text-mode-notes","Selectable Text Mode Notes",".",[678,679,680],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":314,"searchDepth":591,"depth":591,"links":682},[683,684],{"id":290,"depth":598,"text":291},{"id":432,"depth":598,"text":433},"Compare Canvas and selectable-text rendering in vue-pdf-export and choose between maximum browser visual fidelity and searchable, selectable PDF text.","md",null,{},{"title":690,"description":691},"Rendering Modes (1.1.1 and earlier)","Compare Canvas and selectable-text rendering in vue-pdf-export 1.1.1, including visual fidelity and searchable PDF text.","0_oVCmlmj0qXd0iqANmr1DYpbErEzm2I7mWnWP-IePc",[694,696],{"title":70,"path":223,"stem":224,"description":695,"children":-1},"Learn what vue-pdf-export provides for Vue applications, including Canvas and selectable-text PDF rendering, output formats, SSR safety and styling.",{"title":229,"path":230,"stem":231,"description":697,"children":-1},"Configure manual and automatic pagination in vue-pdf-export with page-break helpers, no-break behavior and incremental Canvas rendering guidance.",1792374152912]