JavaScript 将svg图片转换为base64格式

212 阅读10分钟

JavaScriptsvg图片转换为base64格式

该方法适用于将svg作为background-image的场景

图片

发送电子邮件.svg

  • svg 内容
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1711715301341" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1053" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M916.321416 767.096466v170.172356c0 33.426713-27.349129 60.775842-60.775842 60.775842h-676.637703c-33.426713 0-60.775842-27.349129-60.775842-60.775842v-170.172356" fill="#FDDFB1" p-id="1054"></path><path d="M855.545574 1000.070525h-676.637703c-34.630075 0-62.801703-28.171628-62.801703-62.801703v-170.172356h4.051723v170.172356c0 32.393524 26.356457 58.74998 58.74998 58.749981h676.637703c32.393524 0 58.74998-26.356457 58.74998-58.749981v-170.172356h4.051723v170.172356c0 34.630075-28.171628 62.801703-62.801703 62.801703z" fill="#6E6E96" p-id="1055"></path><path d="M916.321416 783.303357v153.965465c0 33.426713-27.349129 60.775842-60.775842 60.775842h-676.637703c-33.426713 0-60.775842-27.349129-60.775842-60.775842v-153.965465h798.189387z" fill="#FDDFB1" p-id="1056"></path><path d="M847.693335 359.250051c0 184.977352-149.950208 334.931611-334.915404 334.931612C327.788424 694.181663 177.834164 544.227403 177.834164 359.250051S327.788424 24.310337 512.777931 24.310337c184.965196 0.004052 334.915404 149.95426 334.915404 334.939714z" fill="#F0F0FF" p-id="1057"></path><path d="M512.777931 712.414415c-194.742003 0-353.176519-158.430464-353.176519-353.164364C159.601412 164.508048 318.035927 6.077584 512.777931 6.077584c194.725796 0.004052 353.148157 158.438567 353.148157 353.172467s-158.42236 353.164364-353.148157 353.164364z m0-669.871326C338.140576 42.543089 196.066917 184.616748 196.066917 359.250051s142.073659 316.698859 316.711014 316.698859c174.617096 0 316.682652-142.065556 316.682652-316.698859 0-174.629252-142.065556-316.702911-316.682652-316.706962z" fill="#6E6E96" p-id="1058"></path><path d="M136.364782 801.536109h761.723881v42.028521h-761.723881z" fill="#FFFFFF" opacity=".4" p-id="1059"></path><path d="M843.32963 945.643733H188.640109c-32.340851 0-58.806704-23.086716-58.806704-51.298862v47.405157c0 28.216197 26.461801 51.29481 58.806704 51.29481h654.697624c32.336799 0 58.806704-23.082665 58.806705-51.29481v-47.405157c-0.004052 28.216197-26.465853 51.298862-58.814808 51.298862z" fill="#BC842C" opacity=".2" p-id="1060"></path><path d="M855.545574 1016.277416h-676.637703c-43.564123 0-79.008594-35.444471-79.008594-79.008594v-153.965465a18.232752 18.232752 0 0 1 18.232752-18.232753h798.189387a18.232752 18.232752 0 0 1 18.232752 18.232753v153.965465c0 43.564123-35.444471 79.008594-79.008594 79.008594z m-719.180792-214.741307v135.732713c0 23.459475 19.083614 42.543089 42.543089 42.543089h676.637703c23.459475 0 42.543089-19.083614 42.543089-42.543089v-135.732713h-761.723881z" fill="#6E6E96" p-id="1061"></path><path d="M751.282592 363.92574c0 132.872197-107.71505 240.583195-240.57104 240.583194-132.8803 0-240.591298-107.71505-240.591298-240.583194s107.71505-240.591298 240.591298-240.591299c132.85599 0.004052 240.57104 107.719102 240.57104 240.591299z" fill="#B4B7C9" p-id="1062"></path><path d="M511.501638 223.476821c112.022031 0.004052 205.219758 80.394283 225.198804 186.626403a229.89475 229.89475 0 0 0 4.015257-42.607917c0-126.60013-102.626086-229.230268-229.214061-229.230267-126.608233 0-229.234319 102.63419-229.234319 229.230267 0 14.565943 1.418103 28.795594 4.015257 42.607917 19.979045-106.228068 113.180824-186.626403 225.219062-186.626403z" fill="#6E6E96" opacity=".2" p-id="1063"></path><path d="M510.7075 622.745739c-142.717883 0-258.824051-116.106168-258.82405-258.815948 0-142.717883 116.11022-258.824051 258.82405-258.824051 142.70978 0 258.807844 116.11022 258.807844 258.824051 0 142.70978-116.11022 258.815947-258.807844 258.815948z m0-481.174494c-122.609183 0-222.358546 99.749363-222.358545 222.358546 0 122.605131 99.749363 222.350442 222.358545 222.350443 122.597028 0 222.338287-99.745311 222.338288-222.350443s-99.745311-222.358546-222.338288-222.358546z" fill="#6E6E96" p-id="1064"></path><path d="M512.761724 383.455043m-103.557982 0a103.557982 103.557982 0 1 0 207.115964 0 103.557982 103.557982 0 1 0-207.115964 0Z" fill="#6E6E96" opacity=".2" p-id="1065"></path><path d="M515.820775 361.231344c-0.267414-37.782315 173.089597-64.714116 288.895937-65.694633 115.786082-0.96431 181.484766 23.982147 181.744077 61.748255 0.267414 37.774211-65.013944 74.057389-180.808129 75.033854-115.786082 0.972413-289.56042-33.321368-289.831885-71.087476z" fill="#FF8A8A" p-id="1066"></path><path d="M506.643622 358.978586c-0.255259-37.762056-173.964769-61.800927-289.754902-60.824462C101.078328 299.126537 35.744298 325.166959 36.023867 362.924964c0.255259 37.774211 66.026874 72.963424 181.812956 72.003165 115.802289-0.968362 289.086368-38.179384 288.806799-75.949543z" fill="#ABEEFF" p-id="1067"></path><path d="M800.794644 450.571831c-58.292136 0-131.057025-8.451894-189.892091-22.057579-101.305225-23.423009-113.188927-49.544466-113.314531-67.149201-0.202586-28.657835 35.440419-48.600415 115.567289-64.657392 57.145498-11.45422 130.489784-18.88508 191.403384-19.403701 2.216292-0.016207 4.428533-0.028362 6.604308-0.028362 122.645648 0 193.178038 29.11568 193.53459 79.879715 0.388965 54.856275-79.53937 92.391434-198.890968 93.39221-1.653103 0.016207-3.330516 0.02431-5.011981 0.02431z m-265.399997-89.218935c6.511118 6.369308 30.90249 20.31939 93.432727 33.799471 55.054809 11.867496 119.343494 18.953959 171.971322 18.953959l4.699998-0.020259c65.45153-0.551034 104.955827-12.321289 126.567716-22.094044 22.377665-10.125255 36.238608-23.374389 36.165678-34.577402-0.125603-17.556115-42.052831-43.669468-157.069085-43.669468-2.082586 0-4.18543 0.008103-6.300429 0.028362-54.175585 0.457845-120.74539 6.823101-173.717614 16.608012-69.884114 12.904737-90.353418 26.161974-95.750313 30.971369z" fill="#6E6E96" p-id="1068"></path><path d="M213.225963 453.18114c-116.531599 0-195.070193-36.222402-195.434848-90.134624-0.380862-51.760758 72.132821-82.059541 198.94364-83.121093 2.333792-0.020259 4.683792-0.028362 7.062152-0.028362 60.775842 0 132.843835 6.458446 188.072868 16.859218 77.96325 14.679392 112.812117 33.831885 113.002548 62.100755 0.133707 17.77896-11.620341 44.350157-114.769099 69.608598-60.212652 14.752323-133.828403 24.213095-192.120539 24.703353l-4.756722 0.012155z m10.570944-136.818574c-2.277068 0-4.521723 0.008103-6.754221 0.028362-119.679787 1.000776-162.919773 28.297232-162.786066 46.400329 0.145862 21.7537 50.772138 53.92843 158.969343 53.92843l4.460946-0.02431c51.845845-0.429483 118.537201-8.613963 174.053907-21.352579 64.098254-14.707754 88.838074-29.346628 95.345141-35.938781-5.392843-4.635171-25.473181-17.175253-92.768245-28.759128-51.951189-8.942152-115.696944-14.282323-170.520805-14.282323z" fill="#6E6E96" p-id="1069"></path><path d="M446.200022 358.617983c0 36.574901 29.646456 66.233512 66.217305 66.233512 36.562746 0 66.213254-29.650507 66.213254-66.233512 0-36.550591-29.642404-66.20515-66.213254-66.20515-36.57085 0.004052-66.217305 29.658611-66.217305 66.20515z" fill="#F0F0FF" p-id="1070"></path><path d="M512.417327 443.084247c-46.56645 0-84.450058-37.895763-84.450057-84.466264 0-46.554295 37.883608-84.437903 84.450057-84.437903s84.446006 37.883608 84.446006 84.437903c0 46.578605-37.879556 84.466265-84.446006 84.466264z m0-132.43461c-26.45775 0-47.984553 21.522751-47.984552 47.972397 0 26.465853 21.526803 48.00076 47.984552 48.00076s47.980501-21.530855 47.980502-48.00076c0-26.449646-21.522751-47.972398-47.980502-47.972397z" fill="#6E6E96" p-id="1071"></path><path d="M432.018992 783.303357h168.900116v121.170821h-168.900116z" fill="#F0F0FF" p-id="1072"></path><path d="M619.147809 922.706931H413.78624v-157.636327h205.36562v157.636327h-0.004051z m-168.896064-36.465505h132.434611v-84.705317h-132.434611v84.705317z" fill="#6E6E96" p-id="1073"></path></svg>

svg转换为base64字符串

  1. 方式一:
/**
 * 将svg转换为base64字符串
 * @param svg svg 图片的内容
 * @returns 
 */
  function svgToBase64(svg) {
  return 'data:image/svg+xml;base64,' + window.btoa(unescape(encodeURIComponent(svg)))
}
  1. 方式二:
// svg格式转为base64
 
  function svgToBase(svgCode?: string) {
 
    const utf8Bytes = new TextEncoder().encode(svgCode);
 
    return 'data:image/svg+xml;base64,' + btoa(String.fromCharCode.apply(null, utf8Bytes));
 
  }
  • 转换后的结果:
'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzExNzE1MzAxMzQxIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwNTMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTkxNi4zMjE0MTYgNzY3LjA5NjQ2NnYxNzAuMTcyMzU2YzAgMzMuNDI2NzEzLTI3LjM0OTEyOSA2MC43NzU4NDItNjAuNzc1ODQyIDYwLjc3NTg0MmgtNjc2LjYzNzcwM2MtMzMuNDI2NzEzIDAtNjAuNzc1ODQyLTI3LjM0OTEyOS02MC43NzU4NDItNjAuNzc1ODQydi0xNzAuMTcyMzU2IiBmaWxsPSIjRkRERkIxIiBwLWlkPSIxMDU0Ij48L3BhdGg+PHBhdGggZD0iTTg1NS41NDU1NzQgMTAwMC4wNzA1MjVoLTY3Ni42Mzc3MDNjLTM0LjYzMDA3NSAwLTYyLjgwMTcwMy0yOC4xNzE2MjgtNjIuODAxNzAzLTYyLjgwMTcwM3YtMTcwLjE3MjM1Nmg0LjA1MTcyM3YxNzAuMTcyMzU2YzAgMzIuMzkzNTI0IDI2LjM1NjQ1NyA1OC43NDk5OCA1OC43NDk5OCA1OC43NDk5ODFoNjc2LjYzNzcwM2MzMi4zOTM1MjQgMCA1OC43NDk5OC0yNi4zNTY0NTcgNTguNzQ5OTgtNTguNzQ5OTgxdi0xNzAuMTcyMzU2aDQuMDUxNzIzdjE3MC4xNzIzNTZjMCAzNC42MzAwNzUtMjguMTcxNjI4IDYyLjgwMTcwMy02Mi44MDE3MDMgNjIuODAxNzAzeiIgZmlsbD0iIzZFNkU5NiIgcC1pZD0iMTA1NSI+PC9wYXRoPjxwYXRoIGQ9Ik05MTYuMzIxNDE2IDc4My4zMDMzNTd2MTUzLjk2NTQ2NWMwIDMzLjQyNjcxMy0yNy4zNDkxMjkgNjAuNzc1ODQyLTYwLjc3NTg0MiA2MC43NzU4NDJoLTY3Ni42Mzc3MDNjLTMzLjQyNjcxMyAwLTYwLjc3NTg0Mi0yNy4zNDkxMjktNjAuNzc1ODQyLTYwLjc3NTg0MnYtMTUzLjk2NTQ2NWg3OTguMTg5Mzg3eiIgZmlsbD0iI0ZEREZCMSIgcC1pZD0iMTA1NiI+PC9wYXRoPjxwYXRoIGQ9Ik04NDcuNjkzMzM1IDM1OS4yNTAwNTFjMCAxODQuOTc3MzUyLTE0OS45NTAyMDggMzM0LjkzMTYxMS0zMzQuOTE1NDA0IDMzNC45MzE2MTJDMzI3Ljc4ODQyNCA2OTQuMTgxNjYzIDE3Ny44MzQxNjQgNTQ0LjIyNzQwMyAxNzcuODM0MTY0IDM1OS4yNTAwNTFTMzI3Ljc4ODQyNCAyNC4zMTAzMzcgNTEyLjc3NzkzMSAyNC4zMTAzMzdjMTg0Ljk2NTE5NiAwLjAwNDA1MiAzMzQuOTE1NDA0IDE0OS45NTQyNiAzMzQuOTE1NDA0IDMzNC45Mzk3MTR6IiBmaWxsPSIjRjBGMEZGIiBwLWlkPSIxMDU3Ij48L3BhdGg+PHBhdGggZD0iTTUxMi43Nzc5MzEgNzEyLjQxNDQxNWMtMTk0Ljc0MjAwMyAwLTM1My4xNzY1MTktMTU4LjQzMDQ2NC0zNTMuMTc2NTE5LTM1My4xNjQzNjRDMTU5LjYwMTQxMiAxNjQuNTA4MDQ4IDMxOC4wMzU5MjcgNi4wNzc1ODQgNTEyLjc3NzkzMSA2LjA3NzU4NGMxOTQuNzI1Nzk2IDAuMDA0MDUyIDM1My4xNDgxNTcgMTU4LjQzODU2NyAzNTMuMTQ4MTU3IDM1My4xNzI0NjdzLTE1OC40MjIzNiAzNTMuMTY0MzY0LTM1My4xNDgxNTcgMzUzLjE2NDM2NHogbTAtNjY5Ljg3MTMyNkMzMzguMTQwNTc2IDQyLjU0MzA4OSAxOTYuMDY2OTE3IDE4NC42MTY3NDggMTk2LjA2NjkxNyAzNTkuMjUwMDUxczE0Mi4wNzM2NTkgMzE2LjY5ODg1OSAzMTYuNzExMDE0IDMxNi42OTg4NTljMTc0LjYxNzA5NiAwIDMxNi42ODI2NTItMTQyLjA2NTU1NiAzMTYuNjgyNjUyLTMxNi42OTg4NTkgMC0xNzQuNjI5MjUyLTE0Mi4wNjU1NTYtMzE2LjcwMjkxMS0zMTYuNjgyNjUyLTMxNi43MDY5NjJ6IiBmaWxsPSIjNkU2RTk2IiBwLWlkPSIxMDU4Ij48L3BhdGg+PHBhdGggZD0iTTEzNi4zNjQ3ODIgODAxLjUzNjEwOWg3NjEuNzIzODgxdjQyLjAyODUyMWgtNzYxLjcyMzg4MXoiIGZpbGw9IiNGRkZGRkYiIG9wYWNpdHk9Ii40IiBwLWlkPSIxMDU5Ij48L3BhdGg+PHBhdGggZD0iTTg0My4zMjk2MyA5NDUuNjQzNzMzSDE4OC42NDAxMDljLTMyLjM0MDg1MSAwLTU4LjgwNjcwNC0yMy4wODY3MTYtNTguODA2NzA0LTUxLjI5ODg2MnY0Ny40MDUxNTdjMCAyOC4yMTYxOTcgMjYuNDYxODAxIDUxLjI5NDgxIDU4LjgwNjcwNCA1MS4yOTQ4MWg2NTQuNjk3NjI0YzMyLjMzNjc5OSAwIDU4LjgwNjcwNC0yMy4wODI2NjUgNTguODA2NzA1LTUxLjI5NDgxdi00Ny40MDUxNTdjLTAuMDA0MDUyIDI4LjIxNjE5Ny0yNi40NjU4NTMgNTEuMjk4ODYyLTU4LjgxNDgwOCA1MS4yOTg4NjJ6IiBmaWxsPSIjQkM4NDJDIiBvcGFjaXR5PSIuMiIgcC1pZD0iMTA2MCI+PC9wYXRoPjxwYXRoIGQ9Ik04NTUuNTQ1NTc0IDEwMTYuMjc3NDE2aC02NzYuNjM3NzAzYy00My41NjQxMjMgMC03OS4wMDg1OTQtMzUuNDQ0NDcxLTc5LjAwODU5NC03OS4wMDg1OTR2LTE1My45NjU0NjVhMTguMjMyNzUyIDE4LjIzMjc1MiAwIDAgMSAxOC4yMzI3NTItMTguMjMyNzUzaDc5OC4xODkzODdhMTguMjMyNzUyIDE4LjIzMjc1MiAwIDAgMSAxOC4yMzI3NTIgMTguMjMyNzUzdjE1My45NjU0NjVjMCA0My41NjQxMjMtMzUuNDQ0NDcxIDc5LjAwODU5NC03OS4wMDg1OTQgNzkuMDA4NTk0eiBtLTcxOS4xODA3OTItMjE0Ljc0MTMwN3YxMzUuNzMyNzEzYzAgMjMuNDU5NDc1IDE5LjA4MzYxNCA0Mi41NDMwODkgNDIuNTQzMDg5IDQyLjU0MzA4OWg2NzYuNjM3NzAzYzIzLjQ1OTQ3NSAwIDQyLjU0MzA4OS0xOS4wODM2MTQgNDIuNTQzMDg5LTQyLjU0MzA4OXYtMTM1LjczMjcxM2gtNzYxLjcyMzg4MXoiIGZpbGw9IiM2RTZFOTYiIHAtaWQ9IjEwNjEiPjwvcGF0aD48cGF0aCBkPSJNNzUxLjI4MjU5MiAzNjMuOTI1NzRjMCAxMzIuODcyMTk3LTEwNy43MTUwNSAyNDAuNTgzMTk1LTI0MC41NzEwNCAyNDAuNTgzMTk0LTEzMi44ODAzIDAtMjQwLjU5MTI5OC0xMDcuNzE1MDUtMjQwLjU5MTI5OC0yNDAuNTgzMTk0czEwNy43MTUwNS0yNDAuNTkxMjk4IDI0MC41OTEyOTgtMjQwLjU5MTI5OWMxMzIuODU1OTkgMC4wMDQwNTIgMjQwLjU3MTA0IDEwNy43MTkxMDIgMjQwLjU3MTA0IDI0MC41OTEyOTl6IiBmaWxsPSIjQjRCN0M5IiBwLWlkPSIxMDYyIj48L3BhdGg+PHBhdGggZD0iTTUxMS41MDE2MzggMjIzLjQ3NjgyMWMxMTIuMDIyMDMxIDAuMDA0MDUyIDIwNS4yMTk3NTggODAuMzk0MjgzIDIyNS4xOTg4MDQgMTg2LjYyNjQwM2EyMjkuODk0NzUgMjI5Ljg5NDc1IDAgMCAwIDQuMDE1MjU3LTQyLjYwNzkxN2MwLTEyNi42MDAxMy0xMDIuNjI2MDg2LTIyOS4yMzAyNjgtMjI5LjIxNDA2MS0yMjkuMjMwMjY3LTEyNi42MDgyMzMgMC0yMjkuMjM0MzE5IDEwMi42MzQxOS0yMjkuMjM0MzE5IDIyOS4yMzAyNjcgMCAxNC41NjU5NDMgMS40MTgxMDMgMjguNzk1NTk0IDQuMDE1MjU3IDQyLjYwNzkxNyAxOS45NzkwNDUtMTA2LjIyODA2OCAxMTMuMTgwODI0LTE4Ni42MjY0MDMgMjI1LjIxOTA2Mi0xODYuNjI2NDAzeiIgZmlsbD0iIzZFNkU5NiIgb3BhY2l0eT0iLjIiIHAtaWQ9IjEwNjMiPjwvcGF0aD48cGF0aCBkPSJNNTEwLjcwNzUgNjIyLjc0NTczOWMtMTQyLjcxNzg4MyAwLTI1OC44MjQwNTEtMTE2LjEwNjE2OC0yNTguODI0MDUtMjU4LjgxNTk0OCAwLTE0Mi43MTc4ODMgMTE2LjExMDIyLTI1OC44MjQwNTEgMjU4LjgyNDA1LTI1OC44MjQwNTEgMTQyLjcwOTc4IDAgMjU4LjgwNzg0NCAxMTYuMTEwMjIgMjU4LjgwNzg0NCAyNTguODI0MDUxIDAgMTQyLjcwOTc4LTExNi4xMTAyMiAyNTguODE1OTQ3LTI1OC44MDc4NDQgMjU4LjgxNTk0OHogbTAtNDgxLjE3NDQ5NGMtMTIyLjYwOTE4MyAwLTIyMi4zNTg1NDYgOTkuNzQ5MzYzLTIyMi4zNTg1NDUgMjIyLjM1ODU0NiAwIDEyMi42MDUxMzEgOTkuNzQ5MzYzIDIyMi4zNTA0NDIgMjIyLjM1ODU0NSAyMjIuMzUwNDQzIDEyMi41OTcwMjggMCAyMjIuMzM4Mjg3LTk5Ljc0NTMxMSAyMjIuMzM4Mjg4LTIyMi4zNTA0NDNzLTk5Ljc0NTMxMS0yMjIuMzU4NTQ2LTIyMi4zMzgyODgtMjIyLjM1ODU0NnoiIGZpbGw9IiM2RTZFOTYiIHAtaWQ9IjEwNjQiPjwvcGF0aD48cGF0aCBkPSJNNTEyLjc2MTcyNCAzODMuNDU1MDQzbS0xMDMuNTU3OTgyIDBhMTAzLjU1Nzk4MiAxMDMuNTU3OTgyIDAgMSAwIDIwNy4xMTU5NjQgMCAxMDMuNTU3OTgyIDEwMy41NTc5ODIgMCAxIDAtMjA3LjExNTk2NCAwWiIgZmlsbD0iIzZFNkU5NiIgb3BhY2l0eT0iLjIiIHAtaWQ9IjEwNjUiPjwvcGF0aD48cGF0aCBkPSJNNTE1LjgyMDc3NSAzNjEuMjMxMzQ0Yy0wLjI2NzQxNC0zNy43ODIzMTUgMTczLjA4OTU5Ny02NC43MTQxMTYgMjg4Ljg5NTkzNy02NS42OTQ2MzMgMTE1Ljc4NjA4Mi0wLjk2NDMxIDE4MS40ODQ3NjYgMjMuOTgyMTQ3IDE4MS43NDQwNzcgNjEuNzQ4MjU1IDAuMjY3NDE0IDM3Ljc3NDIxMS02NS4wMTM5NDQgNzQuMDU3Mzg5LTE4MC44MDgxMjkgNzUuMDMzODU0LTExNS43ODYwODIgMC45NzI0MTMtMjg5LjU2MDQyLTMzLjMyMTM2OC0yODkuODMxODg1LTcxLjA4NzQ3NnoiIGZpbGw9IiNGRjhBOEEiIHAtaWQ9IjEwNjYiPjwvcGF0aD48cGF0aCBkPSJNNTA2LjY0MzYyMiAzNTguOTc4NTg2Yy0wLjI1NTI1OS0zNy43NjIwNTYtMTczLjk2NDc2OS02MS44MDA5MjctMjg5Ljc1NDkwMi02MC44MjQ0NjJDMTAxLjA3ODMyOCAyOTkuMTI2NTM3IDM1Ljc0NDI5OCAzMjUuMTY2OTU5IDM2LjAyMzg2NyAzNjIuOTI0OTY0YzAuMjU1MjU5IDM3Ljc3NDIxMSA2Ni4wMjY4NzQgNzIuOTYzNDI0IDE4MS44MTI5NTYgNzIuMDAzMTY1IDExNS44MDIyODktMC45NjgzNjIgMjg5LjA4NjM2OC0zOC4xNzkzODQgMjg4LjgwNjc5OS03NS45NDk1NDN6IiBmaWxsPSIjQUJFRUZGIiBwLWlkPSIxMDY3Ij48L3BhdGg+PHBhdGggZD0iTTgwMC43OTQ2NDQgNDUwLjU3MTgzMWMtNTguMjkyMTM2IDAtMTMxLjA1NzAyNS04LjQ1MTg5NC0xODkuODkyMDkxLTIyLjA1NzU3OS0xMDEuMzA1MjI1LTIzLjQyMzAwOS0xMTMuMTg4OTI3LTQ5LjU0NDQ2Ni0xMTMuMzE0NTMxLTY3LjE0OTIwMS0wLjIwMjU4Ni0yOC42NTc4MzUgMzUuNDQwNDE5LTQ4LjYwMDQxNSAxMTUuNTY3Mjg5LTY0LjY1NzM5MiA1Ny4xNDU0OTgtMTEuNDU0MjIgMTMwLjQ4OTc4NC0xOC44ODUwOCAxOTEuNDAzMzg0LTE5LjQwMzcwMSAyLjIxNjI5Mi0wLjAxNjIwNyA0LjQyODUzMy0wLjAyODM2MiA2LjYwNDMwOC0wLjAyODM2MiAxMjIuNjQ1NjQ4IDAgMTkzLjE3ODAzOCAyOS4xMTU2OCAxOTMuNTM0NTkgNzkuODc5NzE1IDAuMzg4OTY1IDU0Ljg1NjI3NS03OS41MzkzNyA5Mi4zOTE0MzQtMTk4Ljg5MDk2OCA5My4zOTIyMS0xLjY1MzEwMyAwLjAxNjIwNy0zLjMzMDUxNiAwLjAyNDMxLTUuMDExOTgxIDAuMDI0MzF6IG0tMjY1LjM5OTk5Ny04OS4yMTg5MzVjNi41MTExMTggNi4zNjkzMDggMzAuOTAyNDkgMjAuMzE5MzkgOTMuNDMyNzI3IDMzLjc5OTQ3MSA1NS4wNTQ4MDkgMTEuODY3NDk2IDExOS4zNDM0OTQgMTguOTUzOTU5IDE3MS45NzEzMjIgMTguOTUzOTU5bDQuNjk5OTk4LTAuMDIwMjU5YzY1LjQ1MTUzLTAuNTUxMDM0IDEwNC45NTU4MjctMTIuMzIxMjg5IDEyNi41Njc3MTYtMjIuMDk0MDQ0IDIyLjM3NzY2NS0xMC4xMjUyNTUgMzYuMjM4NjA4LTIzLjM3NDM4OSAzNi4xNjU2NzgtMzQuNTc3NDAyLTAuMTI1NjAzLTE3LjU1NjExNS00Mi4wNTI4MzEtNDMuNjY5NDY4LTE1Ny4wNjkwODUtNDMuNjY5NDY4LTIuMDgyNTg2IDAtNC4xODU0MyAwLjAwODEwMy02LjMwMDQyOSAwLjAyODM2Mi01NC4xNzU1ODUgMC40NTc4NDUtMTIwLjc0NTM5IDYuODIzMTAxLTE3My43MTc2MTQgMTYuNjA4MDEyLTY5Ljg4NDExNCAxMi45MDQ3MzctOTAuMzUzNDE4IDI2LjE2MTk3NC05NS43NTAzMTMgMzAuOTcxMzY5eiIgZmlsbD0iIzZFNkU5NiIgcC1pZD0iMTA2OCI+PC9wYXRoPjxwYXRoIGQ9Ik0yMTMuMjI1OTYzIDQ1My4xODExNGMtMTE2LjUzMTU5OSAwLTE5NS4wNzAxOTMtMzYuMjIyNDAyLTE5NS40MzQ4NDgtOTAuMTM0NjI0LTAuMzgwODYyLTUxLjc2MDc1OCA3Mi4xMzI4MjEtODIuMDU5NTQxIDE5OC45NDM2NC04My4xMjEwOTMgMi4zMzM3OTItMC4wMjAyNTkgNC42ODM3OTItMC4wMjgzNjIgNy4wNjIxNTItMC4wMjgzNjIgNjAuNzc1ODQyIDAgMTMyLjg0MzgzNSA2LjQ1ODQ0NiAxODguMDcyODY4IDE2Ljg1OTIxOCA3Ny45NjMyNSAxNC42NzkzOTIgMTEyLjgxMjExNyAzMy44MzE4ODUgMTEzLjAwMjU0OCA2Mi4xMDA3NTUgMC4xMzM3MDcgMTcuNzc4OTYtMTEuNjIwMzQxIDQ0LjM1MDE1Ny0xMTQuNzY5MDk5IDY5LjYwODU5OC02MC4yMTI2NTIgMTQuNzUyMzIzLTEzMy44Mjg0MDMgMjQuMjEzMDk1LTE5Mi4xMjA1MzkgMjQuNzAzMzUzbC00Ljc1NjcyMiAwLjAxMjE1NXogbTEwLjU3MDk0NC0xMzYuODE4NTc0Yy0yLjI3NzA2OCAwLTQuNTIxNzIzIDAuMDA4MTAzLTYuNzU0MjIxIDAuMDI4MzYyLTExOS42Nzk3ODcgMS4wMDA3NzYtMTYyLjkxOTc3MyAyOC4yOTcyMzItMTYyLjc4NjA2NiA0Ni40MDAzMjkgMC4xNDU4NjIgMjEuNzUzNyA1MC43NzIxMzggNTMuOTI4NDMgMTU4Ljk2OTM0MyA1My45Mjg0M2w0LjQ2MDk0Ni0wLjAyNDMxYzUxLjg0NTg0NS0wLjQyOTQ4MyAxMTguNTM3MjAxLTguNjEzOTYzIDE3NC4wNTM5MDctMjEuMzUyNTc5IDY0LjA5ODI1NC0xNC43MDc3NTQgODguODM4MDc0LTI5LjM0NjYyOCA5NS4zNDUxNDEtMzUuOTM4NzgxLTUuMzkyODQzLTQuNjM1MTcxLTI1LjQ3MzE4MS0xNy4xNzUyNTMtOTIuNzY4MjQ1LTI4Ljc1OTEyOC01MS45NTExODktOC45NDIxNTItMTE1LjY5Njk0NC0xNC4yODIzMjMtMTcwLjUyMDgwNS0xNC4yODIzMjN6IiBmaWxsPSIjNkU2RTk2IiBwLWlkPSIxMDY5Ij48L3BhdGg+PHBhdGggZD0iTTQ0Ni4yMDAwMjIgMzU4LjYxNzk4M2MwIDM2LjU3NDkwMSAyOS42NDY0NTYgNjYuMjMzNTEyIDY2LjIxNzMwNSA2Ni4yMzM1MTIgMzYuNTYyNzQ2IDAgNjYuMjEzMjU0LTI5LjY1MDUwNyA2Ni4yMTMyNTQtNjYuMjMzNTEyIDAtMzYuNTUwNTkxLTI5LjY0MjQwNC02Ni4yMDUxNS02Ni4yMTMyNTQtNjYuMjA1MTUtMzYuNTcwODUgMC4wMDQwNTItNjYuMjE3MzA1IDI5LjY1ODYxMS02Ni4yMTczMDUgNjYuMjA1MTV6IiBmaWxsPSIjRjBGMEZGIiBwLWlkPSIxMDcwIj48L3BhdGg+PHBhdGggZD0iTTUxMi40MTczMjcgNDQzLjA4NDI0N2MtNDYuNTY2NDUgMC04NC40NTAwNTgtMzcuODk1NzYzLTg0LjQ1MDA1Ny04NC40NjYyNjQgMC00Ni41NTQyOTUgMzcuODgzNjA4LTg0LjQzNzkwMyA4NC40NTAwNTctODQuNDM3OTAzczg0LjQ0NjAwNiAzNy44ODM2MDggODQuNDQ2MDA2IDg0LjQzNzkwM2MwIDQ2LjU3ODYwNS0zNy44Nzk1NTYgODQuNDY2MjY1LTg0LjQ0NjAwNiA4NC40NjYyNjR6IG0wLTEzMi40MzQ2MWMtMjYuNDU3NzUgMC00Ny45ODQ1NTMgMjEuNTIyNzUxLTQ3Ljk4NDU1MiA0Ny45NzIzOTcgMCAyNi40NjU4NTMgMjEuNTI2ODAzIDQ4LjAwMDc2IDQ3Ljk4NDU1MiA0OC4wMDA3NnM0Ny45ODA1MDEtMjEuNTMwODU1IDQ3Ljk4MDUwMi00OC4wMDA3NmMwLTI2LjQ0OTY0Ni0yMS41MjI3NTEtNDcuOTcyMzk4LTQ3Ljk4MDUwMi00Ny45NzIzOTd6IiBmaWxsPSIjNkU2RTk2IiBwLWlkPSIxMDcxIj48L3BhdGg+PHBhdGggZD0iTTQzMi4wMTg5OTIgNzgzLjMwMzM1N2gxNjguOTAwMTE2djEyMS4xNzA4MjFoLTE2OC45MDAxMTZ6IiBmaWxsPSIjRjBGMEZGIiBwLWlkPSIxMDcyIj48L3BhdGg+PHBhdGggZD0iTTYxOS4xNDc4MDkgOTIyLjcwNjkzMUg0MTMuNzg2MjR2LTE1Ny42MzYzMjdoMjA1LjM2NTYydjE1Ny42MzYzMjdoLTAuMDA0MDUxeiBtLTE2OC44OTYwNjQtMzYuNDY1NTA1aDEzMi40MzQ2MTF2LTg0LjcwNTMxN2gtMTMyLjQzNDYxMXY4NC43MDUzMTd6IiBmaWxsPSIjNkU2RTk2IiBwLWlkPSIxMDczIj48L3BhdGg+PC9zdmc+'