{"id":1716,"date":"2023-02-17T07:26:51","date_gmt":"2023-02-17T07:26:51","guid":{"rendered":"https:\/\/www.tools.keywordfinder.us\/?page_id=1716"},"modified":"2023-02-17T07:26:51","modified_gmt":"2023-02-17T07:26:51","slug":"svg-to-base64","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/es\/svg-to-base64\/","title":{"rendered":"SVG To Base64"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-base-3-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<section><h1>SVG Base64 Encoder\/Decoder<\/h1>\n \n    <textarea id=\"svg-code\" rows=\"10\" cols=\"50\"><\/textarea><br>\n    <button id=\"encode-btn\">Encode<\/button>\n    <button id=\"decode-btn\">Decode<\/button>\n    <button id=\"copy-btn\" disabled=\"\">Copy<\/button>\n    <a id=\"download-link\" download=\"svg.txt\" style=\"display:none;\"><\/a>\n    <button id=\"download-btn\" disabled=\"\">Download<\/button><br>\n<br>\n<\/section>\n<style>\n  \n  button:disabled {\n    background-color: #ccc;\n    cursor: not-allowed;\n  }\n  \n<\/style>\n\n    <script>\n      var svgCode = document.getElementById(\"svg-code\");\n      var encodeBtn = document.getElementById(\"encode-btn\");\n      var decodeBtn = document.getElementById(\"decode-btn\");\n      var copyBtn = document.getElementById(\"copy-btn\");\n      var downloadBtn = document.getElementById(\"download-btn\");\n      var downloadLink = document.getElementById(\"download-link\");\n\n      encodeBtn.addEventListener(\"click\", function() {\n        svgCode.value = btoa(svgCode.value);\n        copyBtn.disabled = false;\n        downloadBtn.disabled = false;\n      });\n\n      decodeBtn.addEventListener(\"click\", function() {\n        svgCode.value = atob(svgCode.value);\n        copyBtn.disabled = true;\n        downloadBtn.disabled = true;\n      });\n\n      copyBtn.addEventListener(\"click\", function() {\n        svgCode.select();\n        document.execCommand(\"copy\");\n      });\n\n      downloadBtn.addEventListener(\"click\", function() {\n        downloadLink.href = \"data:text\/plain;base64,\" + svgCode.value;\n        downloadLink.click();\n      });\n    <\/script>\n  <style>\n     section{\n         margin-top:60px;\n        width: 100%;\n        max-width: 970px;\n        background-color: #fff;\n        border: 1px solid #ddd;\n        padding: 25px;\n      }\n\n<\/style>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>SVG Base64 Encoder\/Decoder Encode Decode Copy Download<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-1716","page","type-page","status-publish"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/es\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/es\/wp-json\/wp\/v2\/pages\/1716","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/es\/wp-json\/wp\/v2\/comments?post=1716"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/es\/wp-json\/wp\/v2\/pages\/1716\/revisions"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/es\/wp-json\/wp\/v2\/media?parent=1716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}