{"id":1108,"date":"2023-02-16T08:31:57","date_gmt":"2023-02-16T08:31:57","guid":{"rendered":"https:\/\/www.tools.keywordfinder.us\/?page_id=1108"},"modified":"2023-02-16T08:31:57","modified_gmt":"2023-02-16T08:31:57","slug":"svg-to-xml","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/nl_nl\/svg-to-xml\/","title":{"rendered":"SVG To XML"},"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 To XML<\/h1>\n    <label for=\"input\">Input<\/label><br>\n    <textarea class=\"input\">&lt;br\/&gt;&lt;br\/&gt;\n      &lt;svg xmlns=&#8221;http:\/\/www.w3.org\/2000\/svg&#8221; width=&#8221;16&#8243; height=&#8221;16&#8243; viewBox=&#8221;0 0 16 16&#8243;&gt;\n        &lt;title&gt;add-16&#215;16&lt;\/title&gt;\n        &lt;g id=&#8221;_16x16&#8243;&gt;\n          &lt;path id=&#8221;add&#8221; d=&#8221;M14,6H10V2A1,1,0,0,0,9,1H7A1,1,0,0,0,6,2V6H2A1,1,0,0,0,1,7V9a1,1,0,0,0,1,1H6v4a1,1,0,0,0,1,1H9a1,1,0,0,0,1-1V10h4a1,1,0,0,0,1-1V7A1,1,0,0,0,14,6Z&#8221;\/&gt;\n        &lt;\/g&gt;\n      &lt;\/svg&gt;  \n    <\/textarea>\n  <br>\n  <button class=\"convert-button\">Convert<\/button><br>\n      <label for=\"\">Output<\/label><br>\n    <textarea readonly=\"true\" name=\"\" id=\"\" placeholder=\"\" class=\"output\"><\/textarea><br>\n  <\/section>\n\n<script>\nconsole.clear();\n\nconst input = document.querySelector('.input');\nconst output = document.querySelector('.output');\nconst convertButton = document.querySelector('.convert-button');\n\nconvertButton.addEventListener('click', (e) => {\n  var txt = input.value;\n  \/\/ var isValid = parser.validate(xml);\n  \n   const parser = new DOMParser();\n   const xmlDoc = parser.parseFromString(txt, \"text\/xml\");\n   const paths = xmlDoc.getElementsByTagName('path');\n  \n  \n  for(let i = 0; i < paths.length; i++){\n      console.log(paths[i].getAttribute('d'))\n  }\n  \n  \/\/ console.log(paths)\n  \n  output.value = xamlTemplate;\n  \n  \/\/ console.log( xml2json(xml, {compact: true, spaces: 4}))\n  \n  \/\/ if( isValid){\n  \/\/   \/\/ var jsonObj = parser.xml2json(xml);  \n  \/\/   console.log(jsonObj)\n  \/\/ }\n  \n    \n})\n\nconst xamlTemplate = `\n<ControlTemplate x:Key=\"WarningGlyph\">\n  <Path Data=\"F0 M24,21z M0,0z M1.83657931,19.32L11.5863724,2.00844 21.3361655,19.32 1.83657931,19.32z M22.8696828,18.65808L12.9063724,0.966C12.5438897,0.32256 12.0647172,0 11.5863724,0 11.1080276,0 10.6288552,0.32256 10.2672,0.966L0.303062069,18.65808C-0.421903448,19.94664,0.198786207,21,1.68430345,21L21.4884414,21C22.9739586,21,23.5954759,19.94664,22.8696828,18.65808z M10.7587862,14.28L12.4139586,14.28 13.2415448,6.72 9.9312,6.72 10.7587862,14.28z M11.5863724,15.12C10.6727172,15.12 9.9312,15.87264 9.9312,16.8 9.9312,17.72736 10.6727172,18.48 11.5863724,18.48 12.5008552,18.48 13.2415448,17.72736 13.2415448,16.8 13.2415448,15.87264 12.5008552,15.12 11.5863724,15.12z\"\nStretch=\"Uniform\"\nFill=\"{TemplateBinding Foreground}\" \/>\n<\/ControlTemplate>\n`;\n<\/script>\n\n\n<style>\nsection{\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<\/style>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>SVG To XML Input &lt;br\/&gt;&lt;br\/&gt; &lt;svg xmlns=&quot;&rdquo;http:\/\/www.w3.org\/2000\/svg&rdquo;&quot; width=&quot;&rdquo;16&Prime;&quot; height=&quot;&rdquo;16&Prime;&quot; viewbox=&quot;&rdquo;0&quot; 0 16 16&Prime;&gt; &lt;title&gt;add-16&times;16&lt;\/title&gt; &lt;g id=&quot;&rdquo;_16x16&Prime;&quot;&gt; &lt;path id=&quot;&rdquo;add&rdquo;&quot; d=&quot;&rdquo;M14,6H10V2A1,1,0,0,0,9,1H7A1,1,0,0,0,6,2V6H2A1,1,0,0,0,1,7V9a1,1,0,0,0,1,1H6v4a1,1,0,0,0,1,1H9a1,1,0,0,0,1-1V10h4a1,1,0,0,0,1-1V7A1,1,0,0,0,14,6Z&rdquo;\/&quot;&gt; &lt;\/g&gt; &lt;\/svg&gt; Convert Output<\/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-1108","page","type-page","status-publish"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/nl_nl\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/nl_nl\/wp-json\/wp\/v2\/pages\/1108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/nl_nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/nl_nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/nl_nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/nl_nl\/wp-json\/wp\/v2\/comments?post=1108"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/nl_nl\/wp-json\/wp\/v2\/pages\/1108\/revisions"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/nl_nl\/wp-json\/wp\/v2\/media?parent=1108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}