[{"data":1,"prerenderedAt":555},["ShallowReactive",2],{"navigation_docs":3,"-get-started-rendering-modes":139,"-get-started-rendering-modes-surround":552},[4,55,89],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":54},"API","i-lucide-braces","\u002Fapi","api",[10,14,18,22,26,30,34,38,42,46,50],{"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},"Headers","\u002Fapi\u002Fheaders","api\u002F03.headers",{"title":23,"path":24,"stem":25},"Footers","\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, 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},"Full README Reference","\u002Fapi\u002Ffull-reference","api\u002F11.full-reference",false,{"title":56,"icon":57,"path":58,"stem":59,"children":60,"page":54},"Get Started","i-lucide-book-open","\u002Fget-started","get-started",[61,65,69,73,77,81,85],{"title":62,"path":63,"stem":64},"Introduction","\u002Fget-started\u002Fintroduction","get-started\u002F01.introduction",{"title":66,"path":67,"stem":68},"Installation","\u002Fget-started\u002Finstallation","get-started\u002F02.installation",{"title":70,"path":71,"stem":72},"Quick Start","\u002Fget-started\u002Fquick-start","get-started\u002F03.quick-start",{"title":74,"path":75,"stem":76},"Rendering Modes","\u002Fget-started\u002Frendering-modes","get-started\u002F04.rendering-modes",{"title":78,"path":79,"stem":80},"Component Registration","\u002Fget-started\u002Fregistration","get-started\u002F05.registration",{"title":82,"path":83,"stem":84},"Preview & Download","\u002Fget-started\u002Fpreview-download","get-started\u002F06.preview-download",{"title":86,"path":87,"stem":88},"Pagination","\u002Fget-started\u002Fpagination","get-started\u002F07.pagination",{"title":90,"icon":91,"path":92,"stem":93,"children":94,"page":54},"Use Cases","i-lucide-flask-conical","\u002Fuse-cases","use-cases",[95,99,103,107,111,115,119,123,127,131,135],{"title":96,"path":97,"stem":98},"Playground","\u002Fuse-cases\u002Fplayground","use-cases\u002F01.playground",{"title":100,"path":101,"stem":102},"Selectable Text","\u002Fuse-cases\u002Fselectable-text","use-cases\u002F02.selectable-text",{"title":104,"path":105,"stem":106},"Clickable PDF Links","\u002Fuse-cases\u002Fclickable-links","use-cases\u002F03.clickable-links",{"title":108,"path":109,"stem":110},"Images & CORS","\u002Fuse-cases\u002Fimages-cors","use-cases\u002F04.images-cors",{"title":112,"path":113,"stem":114},"Production Guide","\u002Fuse-cases\u002Fproduction-guide","use-cases\u002F05.production-guide",{"title":116,"path":117,"stem":118},"Troubleshooting","\u002Fuse-cases\u002Ftroubleshooting","use-cases\u002F06.troubleshooting",{"title":120,"path":121,"stem":122},"Testing & Browser Support","\u002Fuse-cases\u002Ftesting-browser-support","use-cases\u002F07.testing-browser-support",{"title":124,"path":125,"stem":126},"Performance Engineering","\u002Fuse-cases\u002Fperformance-engineering","use-cases\u002F08.performance-engineering",{"title":128,"path":129,"stem":130},"Full Performance Engineering Report","\u002Fuse-cases\u002Fperformance-report","use-cases\u002F09.performance-report",{"title":132,"path":133,"stem":134},"Community & Feedback","\u002Fuse-cases\u002Fcommunity","use-cases\u002F10.community",{"title":136,"path":137,"stem":138},"Acknowledgements","\u002Fuse-cases\u002Facknowledgements","use-cases\u002F11.acknowledgements",{"id":140,"title":74,"body":141,"description":175,"extension":546,"links":547,"meta":548,"navigation":455,"path":75,"seo":549,"stem":76,"__hash__":551},"docs\u002Fget-started\u002F04.rendering-modes.md",{"type":142,"value":143,"toc":542},"minimark",[144,148,153,169,210,213,216,241,244,249,256,259,285,291,295,319,322,325,381,384,526,538],[145,146,74],"h1",{"id":147},"rendering-modes",[149,150,152],"h3",{"id":151},"canvas-mode","Canvas mode",[154,155,156,157,161,162,161,165,168],"p",{},"Canvas mode is the default and uses the package's existing ",[158,159,160],"code",{},"html2pdf.js"," \u002F ",[158,163,164],{},"html2canvas",[158,166,167],{},"jsPDF"," pipeline.",[170,171,176],"pre",{"className":172,"code":173,"language":174,"meta":175,"style":175},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CHtml2Pdf render-mode=\"canvas\" \u002F>\n","vue","",[158,177,178],{"__ignoreMap":175},[179,180,183,187,191,195,198,201,205,207],"span",{"class":181,"line":182},"line",1,[179,184,186],{"class":185},"sMK4o","\u003C",[179,188,190],{"class":189},"swJcz","Html2Pdf",[179,192,194],{"class":193},"spNyl"," render-mode",[179,196,197],{"class":185},"=",[179,199,200],{"class":185},"\"",[179,202,204],{"class":203},"sfazB","canvas",[179,206,200],{"class":185},[179,208,209],{"class":185}," \u002F>\n",[154,211,212],{},"Use it when the highest possible browser CSS fidelity is more important than selectable body text.",[154,214,215],{},"Best for:",[217,218,219,223,226,229,232,235,238],"ul",{},[220,221,222],"li",{},"complex CSS",[220,224,225],{},"gradients",[220,227,228],{},"shadows",[220,230,231],{},"transforms",[220,233,234],{},"custom web fonts",[220,236,237],{},"visual dashboards",[220,239,240],{},"designs where browser appearance is the priority",[154,242,243],{},"Body content is rasterized, so normal body text is not selectable\u002Fsearchable.",[245,246,248],"h4",{"id":247},"incremental-canvas-rendering","Incremental Canvas rendering",[154,250,251,252,255],{},"When the export DOM contains ",[158,253,254],{},".html2pdf__page-break"," markers, Canvas mode uses an incremental page-by-page renderer instead of capturing the entire document as one giant canvas.",[154,257,258],{},"This path:",[217,260,261,264,267,273,276,279,282],{},[220,262,263],{},"clones and renders one logical PDF page at a time",[220,265,266],{},"keeps raster dimensions page-bounded",[220,268,269,270,272],{},"releases temporary page DOM after ",[158,271,164],{}," finishes reading it",[220,274,275],{},"releases canvas backing stores after insertion into jsPDF",[220,277,278],{},"reports page-level progress",[220,280,281],{},"yields to the browser between expensive steps",[220,283,284],{},"supports cooperative cancellation before the next page begins",[154,286,287,288,290],{},"Canvas documents without page-break markers keep the legacy ",[158,289,160],{}," worker for backwards compatibility.",[149,292,294],{"id":293},"selectable-text-mode","Selectable text mode",[170,296,298],{"className":172,"code":297,"language":174,"meta":175,"style":175},"\u003CHtml2Pdf render-mode=\"text\" \u002F>\n",[158,299,300],{"__ignoreMap":175},[179,301,302,304,306,308,310,312,315,317],{"class":181,"line":182},[179,303,186],{"class":185},[179,305,190],{"class":189},[179,307,194],{"class":193},[179,309,197],{"class":185},[179,311,200],{"class":185},[179,313,314],{"class":203},"text",[179,316,200],{"class":185},[179,318,209],{"class":185},[154,320,321],{},"Selectable text mode converts the live browser layout into PDF vector\u002Ftext operations instead of turning the entire document into a screenshot.",[154,323,324],{},"It supports:",[217,326,327,330,333,336,339,342,345,348,351,354,357,360,363,366,369,372,375,378],{},[220,328,329],{},"selectable body text",[220,331,332],{},"searchable body text",[220,334,335],{},"copyable body text",[220,337,338],{},"selectable header\u002Ffooter text",[220,340,341],{},"selectable footer page numbers",[220,343,344],{},"clickable PDF hyperlinks",[220,346,347],{},"images",[220,349,350],{},"backgrounds",[220,352,353],{},"borders",[220,355,356],{},"basic border radius",[220,358,359],{},"text color, weight, italic, decoration, alignment, and spacing",[220,361,362],{},"multi-page output",[220,364,365],{},"manual page-break markers",[220,367,368],{},"PDF password protection",[220,370,371],{},"PDF permissions",[220,373,374],{},"metadata",[220,376,377],{},"compression",[220,379,380],{},"headers, footers, and watermarks",[154,382,383],{},"Example:",[170,385,387],{"className":172,"code":386,"language":174,"meta":175,"style":175},"\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",[158,388,389,450,457,463,469,475,481,486,492,498,504,510,516],{"__ignoreMap":175},[179,390,391,393,395,397,399,401,403,405,408,411,413,415,418,420,422,424,426,428,430,432,434,437,439,441,445,447],{"class":181,"line":182},[179,392,186],{"class":185},[179,394,190],{"class":189},[179,396,194],{"class":193},[179,398,197],{"class":185},[179,400,200],{"class":185},[179,402,314],{"class":203},[179,404,200],{"class":185},[179,406,407],{"class":185}," :",[179,409,410],{"class":193},"security",[179,412,197],{"class":185},[179,414,200],{"class":185},[179,416,410],{"class":417},"sTEyZ",[179,419,200],{"class":185},[179,421,407],{"class":185},[179,423,374],{"class":193},[179,425,197],{"class":185},[179,427,200],{"class":185},[179,429,374],{"class":417},[179,431,200],{"class":185},[179,433,407],{"class":185},[179,435,436],{"class":193},"compress",[179,438,197],{"class":185},[179,440,200],{"class":185},[179,442,444],{"class":443},"sfNiH","true",[179,446,200],{"class":185},[179,448,449],{"class":185},">\n",[179,451,453],{"class":181,"line":452},2,[179,454,456],{"emptyLinePlaceholder":455},true,"\n",[179,458,460],{"class":181,"line":459},3,[179,461,462],{"class":417},"  \u003Ctemplate #pdf-content>\n",[179,464,466],{"class":181,"line":465},4,[179,467,468],{"class":417},"    \u003Cmain>\n",[179,470,472],{"class":181,"line":471},5,[179,473,474],{"class":417},"      \u003Ch1>Selectable report\u003C\u002Fh1>\n",[179,476,478],{"class":181,"line":477},6,[179,479,480],{"class":417},"      \u003Cp>You can select and search this text in the generated PDF.\u003C\u002Fp>\n",[179,482,484],{"class":181,"line":483},7,[179,485,456],{"emptyLinePlaceholder":455},[179,487,489],{"class":181,"line":488},8,[179,490,491],{"class":417},"      \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fvue-pdf-export\">\n",[179,493,495],{"class":181,"line":494},9,[179,496,497],{"class":417},"        Open vue-pdf-export on npm\n",[179,499,501],{"class":181,"line":500},10,[179,502,503],{"class":417},"      \u003C\u002Fa>\n",[179,505,507],{"class":181,"line":506},11,[179,508,509],{"class":417},"    \u003C\u002Fmain>\n",[179,511,513],{"class":181,"line":512},12,[179,514,515],{"class":417},"  \u003C\u002Ftemplate>\n",[179,517,519,522,524],{"class":181,"line":518},13,[179,520,521],{"class":185},"\u003C\u002F",[179,523,190],{"class":189},[179,525,449],{"class":185},[527,528,529],"blockquote",{},[154,530,531,532,537],{},"Selectable-text mode intentionally favors real PDF text over pixel-perfect parity with every browser CSS feature. See ",[533,534,536],"a",{"href":535},"#selectable-text-mode-notes","Selectable Text Mode Notes",".",[539,540,541],"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":175,"searchDepth":452,"depth":452,"links":543},[544,545],{"id":151,"depth":459,"text":152},{"id":293,"depth":459,"text":294},"md",null,{},{"description":550,"title":74},"Choose between Canvas fidelity and selectable\u002Fsearchable PDF text.","9P3KzKHPnjxwM2858SzE0BybUPJ-t923Ie84USNneNI",[553,554],{"title":70,"path":71,"stem":72,"description":175,"children":-1},{"title":78,"path":79,"stem":80,"description":175,"children":-1},1788876781691]