[{"data":1,"prerenderedAt":434},["ShallowReactive",2],{"docs-layout-toc:\u002Fdocs\u002Futils\u002Fencode-svg-to-data-uri":3,"docs-header-toc:\u002Fdocs\u002Futils\u002Fencode-svg-to-data-uri":192,"$R_B0GQSJ_W":313},{"id":4,"title":5,"body":6,"description":20,"extension":186,"meta":187,"navigation":49,"path":188,"seo":189,"stem":190,"__hash__":191},"content\u002Fdocs\u002Futils\u002Fencode-svg-to-data-uri.md","Encode Svg To Data Uri",{"type":7,"value":8,"toc":182},"minimark",[9,14,87,91,178],[10,11,13],"h2",{"id":12},"usage","Usage",[15,16,21],"pre",{"className":17,"code":18,"language":19,"meta":20,"style":20},"language-ts shiki shiki-themes github-dark github-dark","const rawSvg = `\u003Csvg width=\"100\" height=\"100\">\u003Ccircle cx=\"50\" cy=\"50\" r=\"40\" fill=\"red\"\u002F>\u003C\u002Fsvg>`\n\nconst encoded = encodeSvgToDataURI(rawSvg)\n\n\u002F\u002F Result:\n\u002F\u002F data:image\u002Fsvg+xml;charset=utf8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20xmlns%3D%22http%3A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2240%22%20fill%3D%22red%22\u002F%3E%3C\u002Fsvg%3E\n","ts","",[22,23,24,44,51,69,74,81],"code",{"__ignoreMap":20},[25,26,29,33,37,40],"span",{"class":27,"line":28},"line",1,[25,30,32],{"class":31},"sOPea","const",[25,34,36],{"class":35},"s8ozJ"," rawSvg",[25,38,39],{"class":31}," =",[25,41,43],{"class":42},"s4wv1"," `\u003Csvg width=\"100\" height=\"100\">\u003Ccircle cx=\"50\" cy=\"50\" r=\"40\" fill=\"red\"\u002F>\u003C\u002Fsvg>`\n",[25,45,47],{"class":27,"line":46},2,[25,48,50],{"emptyLinePlaceholder":49},true,"\n",[25,52,54,56,59,61,65],{"class":27,"line":53},3,[25,55,32],{"class":31},[25,57,58],{"class":35}," encoded",[25,60,39],{"class":31},[25,62,64],{"class":63},"sFR8T"," encodeSvgToDataURI",[25,66,68],{"class":67},"suv1-","(rawSvg)\n",[25,70,72],{"class":27,"line":71},4,[25,73,50],{"emptyLinePlaceholder":49},[25,75,77],{"class":27,"line":76},5,[25,78,80],{"class":79},"sJ8bj","\u002F\u002F Result:\n",[25,82,84],{"class":27,"line":83},6,[25,85,86],{"class":79},"\u002F\u002F data:image\u002Fsvg+xml;charset=utf8,%3Csvg%20width%3D%22100%22%20height%3D%22100%22%20xmlns%3D%22http%3A\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2240%22%20fill%3D%22red%22\u002F%3E%3C\u002Fsvg%3E\n",[10,88,90],{"id":89},"type-definition","Type definition",[15,92,94],{"className":17,"code":93,"language":19,"meta":20,"style":20},"\u002F**\n * Encodes an SVG string to a Data URI.\n *\n * @param svg - The SVG string.\n * @returns The encoded Data URI.\n *\u002F\nexport declare const encodeSvgToDataURI: (svg: string) => string\n",[22,95,96,101,106,111,125,135,140],{"__ignoreMap":20},[25,97,98],{"class":27,"line":28},[25,99,100],{"class":79},"\u002F**\n",[25,102,103],{"class":27,"line":46},[25,104,105],{"class":79}," * Encodes an SVG string to a Data URI.\n",[25,107,108],{"class":27,"line":53},[25,109,110],{"class":79}," *\n",[25,112,113,116,119,122],{"class":27,"line":71},[25,114,115],{"class":79}," * ",[25,117,118],{"class":31},"@param",[25,120,121],{"class":67}," svg",[25,123,124],{"class":79}," - The SVG string.\n",[25,126,127,129,132],{"class":27,"line":76},[25,128,115],{"class":79},[25,130,131],{"class":31},"@returns",[25,133,134],{"class":79}," The encoded Data URI.\n",[25,136,137],{"class":27,"line":83},[25,138,139],{"class":79}," *\u002F\n",[25,141,143,146,149,152,154,157,160,164,166,169,172,175],{"class":27,"line":142},7,[25,144,145],{"class":31},"export",[25,147,148],{"class":31}," declare",[25,150,151],{"class":31}," const",[25,153,64],{"class":63},[25,155,156],{"class":31},":",[25,158,159],{"class":67}," (",[25,161,163],{"class":162},"s-3mD","svg",[25,165,156],{"class":31},[25,167,168],{"class":35}," string",[25,170,171],{"class":67},") ",[25,173,174],{"class":31},"=>",[25,176,177],{"class":35}," string\n",[179,180,181],"style",{},"html pre.shiki code .sOPea, html code.shiki .sOPea{--shiki-default:#F97583;--shiki-dark:#F97583}html pre.shiki code .s8ozJ, html code.shiki .s8ozJ{--shiki-default:#79B8FF;--shiki-dark:#79B8FF}html pre.shiki code .s4wv1, html code.shiki .s4wv1{--shiki-default:#9ECBFF;--shiki-dark:#9ECBFF}html pre.shiki code .sFR8T, html code.shiki .sFR8T{--shiki-default:#B392F0;--shiki-dark:#B392F0}html pre.shiki code .suv1-, html code.shiki .suv1-{--shiki-default:#E1E4E8;--shiki-dark:#E1E4E8}html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}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 .s-3mD, html code.shiki .s-3mD{--shiki-default:#FFAB70;--shiki-dark:#FFAB70}",{"title":20,"searchDepth":46,"depth":53,"links":183},[184,185],{"id":12,"depth":46,"text":13},{"id":89,"depth":46,"text":90},"md",{},"\u002Fdocs\u002Futils\u002Fencode-svg-to-data-uri",{"description":20},"docs\u002Futils\u002Fencode-svg-to-data-uri","XAVunTgbcWbZiH3TcjWq9oVxUB5TsdxLBYa6Ob_2DwE",{"id":4,"title":5,"body":193,"description":20,"extension":186,"meta":311,"navigation":49,"path":188,"seo":312,"stem":190,"__hash__":191},{"type":7,"value":194,"toc":307},[195,197,239,241,305],[10,196,13],{"id":12},[15,198,199],{"className":17,"code":18,"language":19,"meta":20,"style":20},[22,200,201,211,215,227,231,235],{"__ignoreMap":20},[25,202,203,205,207,209],{"class":27,"line":28},[25,204,32],{"class":31},[25,206,36],{"class":35},[25,208,39],{"class":31},[25,210,43],{"class":42},[25,212,213],{"class":27,"line":46},[25,214,50],{"emptyLinePlaceholder":49},[25,216,217,219,221,223,225],{"class":27,"line":53},[25,218,32],{"class":31},[25,220,58],{"class":35},[25,222,39],{"class":31},[25,224,64],{"class":63},[25,226,68],{"class":67},[25,228,229],{"class":27,"line":71},[25,230,50],{"emptyLinePlaceholder":49},[25,232,233],{"class":27,"line":76},[25,234,80],{"class":79},[25,236,237],{"class":27,"line":83},[25,238,86],{"class":79},[10,240,90],{"id":89},[15,242,243],{"className":17,"code":93,"language":19,"meta":20,"style":20},[22,244,245,249,253,257,267,275,279],{"__ignoreMap":20},[25,246,247],{"class":27,"line":28},[25,248,100],{"class":79},[25,250,251],{"class":27,"line":46},[25,252,105],{"class":79},[25,254,255],{"class":27,"line":53},[25,256,110],{"class":79},[25,258,259,261,263,265],{"class":27,"line":71},[25,260,115],{"class":79},[25,262,118],{"class":31},[25,264,121],{"class":67},[25,266,124],{"class":79},[25,268,269,271,273],{"class":27,"line":76},[25,270,115],{"class":79},[25,272,131],{"class":31},[25,274,134],{"class":79},[25,276,277],{"class":27,"line":83},[25,278,139],{"class":79},[25,280,281,283,285,287,289,291,293,295,297,299,301,303],{"class":27,"line":142},[25,282,145],{"class":31},[25,284,148],{"class":31},[25,286,151],{"class":31},[25,288,64],{"class":63},[25,290,156],{"class":31},[25,292,159],{"class":67},[25,294,163],{"class":162},[25,296,156],{"class":31},[25,298,168],{"class":35},[25,300,171],{"class":67},[25,302,174],{"class":31},[25,304,177],{"class":35},[179,306,181],{},{"title":20,"searchDepth":46,"depth":53,"links":308},[309,310],{"id":12,"depth":46,"text":13},{"id":89,"depth":46,"text":90},{},{"description":20},{"id":4,"title":5,"body":314,"description":20,"extension":186,"meta":432,"navigation":49,"path":188,"seo":433,"stem":190,"__hash__":191},{"type":7,"value":315,"toc":428},[316,318,360,362,426],[10,317,13],{"id":12},[15,319,320],{"className":17,"code":18,"language":19,"meta":20,"style":20},[22,321,322,332,336,348,352,356],{"__ignoreMap":20},[25,323,324,326,328,330],{"class":27,"line":28},[25,325,32],{"class":31},[25,327,36],{"class":35},[25,329,39],{"class":31},[25,331,43],{"class":42},[25,333,334],{"class":27,"line":46},[25,335,50],{"emptyLinePlaceholder":49},[25,337,338,340,342,344,346],{"class":27,"line":53},[25,339,32],{"class":31},[25,341,58],{"class":35},[25,343,39],{"class":31},[25,345,64],{"class":63},[25,347,68],{"class":67},[25,349,350],{"class":27,"line":71},[25,351,50],{"emptyLinePlaceholder":49},[25,353,354],{"class":27,"line":76},[25,355,80],{"class":79},[25,357,358],{"class":27,"line":83},[25,359,86],{"class":79},[10,361,90],{"id":89},[15,363,364],{"className":17,"code":93,"language":19,"meta":20,"style":20},[22,365,366,370,374,378,388,396,400],{"__ignoreMap":20},[25,367,368],{"class":27,"line":28},[25,369,100],{"class":79},[25,371,372],{"class":27,"line":46},[25,373,105],{"class":79},[25,375,376],{"class":27,"line":53},[25,377,110],{"class":79},[25,379,380,382,384,386],{"class":27,"line":71},[25,381,115],{"class":79},[25,383,118],{"class":31},[25,385,121],{"class":67},[25,387,124],{"class":79},[25,389,390,392,394],{"class":27,"line":76},[25,391,115],{"class":79},[25,393,131],{"class":31},[25,395,134],{"class":79},[25,397,398],{"class":27,"line":83},[25,399,139],{"class":79},[25,401,402,404,406,408,410,412,414,416,418,420,422,424],{"class":27,"line":142},[25,403,145],{"class":31},[25,405,148],{"class":31},[25,407,151],{"class":31},[25,409,64],{"class":63},[25,411,156],{"class":31},[25,413,159],{"class":67},[25,415,163],{"class":162},[25,417,156],{"class":31},[25,419,168],{"class":35},[25,421,171],{"class":67},[25,423,174],{"class":31},[25,425,177],{"class":35},[179,427,181],{},{"title":20,"searchDepth":46,"depth":53,"links":429},[430,431],{"id":12,"depth":46,"text":13},{"id":89,"depth":46,"text":90},{},{"description":20},1791731024970]