title: Unable to get correct image when converting SVG to PNG using Imagick
body: <p>I've got SVG HTML code generated by <code>svg.js</code> library. Using PHP's <code>Imagick</code> I want to convert SVG HTML to PNG.</p>
  
  <p>PHP:</p>
  
  <pre><code>$svg = '&lt;?xml version="1.0" encoding="UTF-8" standalone="no"?&gt;&lt;svg id="SvgjsSvg2552" xmlns="http://www.w3.org/2000/svg" version="1.1" width="1500" height="1500" xmlns:xlink="http://www.w3.org/1999/xlink"&gt;&lt;g id="SvgjsG2676"&gt;&lt;g id="SvgjsG2554"&gt;&lt;g id="SvgjsG2555"&gt;&lt;g id="SvgjsG2556"&gt;&lt;g id="SvgjsG2557"&gt;&lt;path id="SvgjsPath2558" d="M665 100L665 167.0881805419922 " stroke-opacity="1" stroke="#000000" stroke-width="0.1" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2559" d="M715 100L715 176.7947235107422 " stroke-opacity="1" stroke="#a80fa8" stroke-width="10" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;g id="SvgjsG2560"&gt;&lt;path id="SvgjsPath2561" d="M565 85L565 176.7947235107422 " stroke-opacity="1" stroke="#000000" stroke-width="23" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2562" d="M615 85L615 167.0881805419922 " stroke-opacity="1" stroke="#000000" stroke-width="0.1" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2563"&gt;&lt;g id="SvgjsG2564" transform="rotate(210 640 429.5)"&gt;&lt;path id="SvgjsPath2565" d="M665 100L665 167.0881805419922 " stroke-opacity="1" stroke="#a80fa8" stroke-width="2.3" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2566" d="M715 100L715 176.7947235107422 " stroke-opacity="1" stroke="#000000" stroke-width="23" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;g id="SvgjsG2567" transform="rotate(210 640 429.5)"&gt;&lt;path id="SvgjsPath2568" d="M565 85L565 176.7947235107422 " stroke-opacity="1" stroke="#a80fa8" stroke-width="10" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2569" d="M615 85L615 167.0881805419922 " stroke-opacity="1" stroke="#a80fa8" stroke-width="2.3" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2570"&gt;&lt;g id="SvgjsG2571"&gt;&lt;path id="SvgjsPath2572" d="M565 176.7947235107422Q565.4104614257812 408.6929016113281 448.6954650878906 610.8491821289062 " stroke-opacity="1" stroke="#000000" stroke-width="23" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2573" d="M615 167.0881805419922A200 200 0 0 0 665 167.0881805419922 " stroke-opacity="1" stroke="#000000" stroke-width="0.1" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;g id="SvgjsG2574"&gt;&lt;path id="SvgjsPath2575" d="M578.5992431640625 685.8491821289062Q715.380615234375 448.93695068359375 715 176.7947235107422 " stroke-opacity="1" stroke="#a80fa8" stroke-width="10" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2576" d="M530.4447021484375 669.2553100585938A200 200 0 0 0 487.1434631347656 644.2553100585938 " stroke-opacity="1" stroke="#a80fa8" stroke-width="2.3" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2577"&gt;&lt;g id="SvgjsG2578" transform="translate(540 25)"&gt;&lt;g id="SvgjsG2579"&gt;&lt;rect id="SvgjsRect2580" width="200" height="15" fill="none" stroke-width="0"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2581" font-family="arial" x="100" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2582" dy="0.9em" x="100"&gt;1&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;g id="SvgjsG2583" transform="translate(0 15)"&gt;&lt;g id="SvgjsG2584"&gt;&lt;rect id="SvgjsRect2585" width="200" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2586" font-family="arial" x="100" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2587" dy="0.9em" x="100"&gt;352&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2588" transform="translate(0 30)"&gt;&lt;g id="SvgjsG2589"&gt;&lt;rect id="SvgjsRect2590" width="100" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2591" font-family="arial" x="50" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2592" dy="0.9em" x="50"&gt;251&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2593" transform="translate(0 45)"&gt;&lt;g id="SvgjsG2594"&gt;&lt;g id="SvgjsG2595"&gt;&lt;rect id="SvgjsRect2596" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2597" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2598" dy="0.9em" x="25"&gt;250&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2599" transform="translate(50 0)"&gt;&lt;g id="SvgjsG2600"&gt;&lt;rect id="SvgjsRect2601" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2602" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2603" dy="0.9em" x="25"&gt;1&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2604" transform="translate(100 30)"&gt;&lt;g id="SvgjsG2605"&gt;&lt;rect id="SvgjsRect2606" width="100" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2607" font-family="arial" x="50" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2608" dy="0.9em" x="50"&gt;101&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2609" transform="translate(100 45)"&gt;&lt;g id="SvgjsG2610"&gt;&lt;g id="SvgjsG2611"&gt;&lt;rect id="SvgjsRect2612" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2613" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2614" dy="0.9em" x="25"&gt;1&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2615" transform="translate(50 0)"&gt;&lt;g id="SvgjsG2616"&gt;&lt;rect id="SvgjsRect2617" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2618" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2619" dy="0.9em" x="25"&gt;100&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2620" transform="translate(0 60)"&gt;&lt;polygon id="SvgjsPolygon2621" points="0,0 50,15 100,0" fill="#000000" stroke="#" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;/g&gt;&lt;g id="SvgjsG2622" transform="translate(100 60)"&gt;&lt;polygon id="SvgjsPolygon2623" points="0,15 50,0 100,15" fill="#000000" stroke="#000000" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;/g&gt;&lt;g id="SvgjsG2624" transform="translate(0 75)"&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2627" transform="rotate(210 640 429.5) translate(540 25)"&gt;&lt;g id="SvgjsG2628"&gt;&lt;rect id="SvgjsRect2629" width="200" height="15" fill="none" stroke-width="0"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2630" font-family="arial" x="100" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 100 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2631" dy="0.9em" x="100"&gt;2&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;g id="SvgjsG2632" transform="translate(0 15)"&gt;&lt;g id="SvgjsG2633"&gt;&lt;rect id="SvgjsRect2634" width="200" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2635" font-family="arial" x="100" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 100 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2636" dy="0.9em" x="100"&gt;396&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2637" transform="translate(0 30)"&gt;&lt;g id="SvgjsG2638"&gt;&lt;rect id="SvgjsRect2639" width="100" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2640" font-family="arial" x="50" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 50 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2641" dy="0.9em" x="50"&gt;123&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2642" transform="translate(0 45)"&gt;&lt;g id="SvgjsG2643"&gt;&lt;g id="SvgjsG2644"&gt;&lt;rect id="SvgjsRect2645" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2646" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 25 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2647" dy="0.9em" x="25"&gt;100&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2648" transform="translate(50 0)"&gt;&lt;g id="SvgjsG2649"&gt;&lt;rect id="SvgjsRect2650" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2651" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 25 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2652" dy="0.9em" x="25"&gt;23&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2653" transform="translate(100 30)"&gt;&lt;g id="SvgjsG2654"&gt;&lt;rect id="SvgjsRect2655" width="100" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2656" font-family="arial" x="50" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 50 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2657" dy="0.9em" x="50"&gt;273&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2658" transform="translate(100 45)"&gt;&lt;g id="SvgjsG2659"&gt;&lt;g id="SvgjsG2660"&gt;&lt;rect id="SvgjsRect2661" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2662" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 25 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2663" dy="0.9em" x="25"&gt;23&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2664" transform="translate(50 0)"&gt;&lt;g id="SvgjsG2665"&gt;&lt;rect id="SvgjsRect2666" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2667" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 25 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2668" dy="0.9em" x="25"&gt;250&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2669" transform="translate(0 60)"&gt;&lt;polygon id="SvgjsPolygon2670" points="0,0 50,15 100,0" fill="#000000" stroke="#a80fa8" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;/g&gt;&lt;g id="SvgjsG2671" transform="translate(100 60)"&gt;&lt;polygon id="SvgjsPolygon2672" points="0,15 50,0 100,15" fill="#000000" stroke="#000000" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;/g&gt;&lt;g id="SvgjsG2673" transform="translate(0 75)"&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2677" transform="rotate(120 1195 47.5) translate(1180 10)"&gt;&lt;polygon id="SvgjsPolygon2678" points="15,0 7.5,15 22.5,15" fill="#000000" stroke="#000000" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;ellipse id="SvgjsEllipse2679" rx="15" ry="15" cx="15" cy="45" fill="none" stroke="#000000" stroke-width="1"&gt;&lt;/ellipse&gt;&lt;path id="SvgjsPath2680" d="M15 15L15 75 " stroke="#000000" stroke-width="1"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/svg&gt;';
      $imagick = new \Imagick();
      $imagick-&gt;readimageblob($svg);
      $imagick-&gt;setimageformat('png32');
      $imagick-&gt;writeimage(WWW_DIR . '/files/12.png');
      $imagick-&gt;clear();
      $imagick-&gt;destroy();
  </code></pre>
  
  <p>SVG:</p>
  
  <pre><code>&lt;svg id="SvgjsSvg2552" xmlns="http://www.w3.org/2000/svg" version="1.1" width="1500" height="1500" xmlns:xlink="http://www.w3.org/1999/xlink"&gt;&lt;g id="SvgjsG2676"&gt;&lt;g id="SvgjsG2554"&gt;&lt;g id="SvgjsG2555"&gt;&lt;g id="SvgjsG2556"&gt;&lt;g id="SvgjsG2557"&gt;&lt;path id="SvgjsPath2558" d="M665 100L665 167.0881805419922 " stroke-opacity="1" stroke="#000000" stroke-width="0.1" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2559" d="M715 100L715 176.7947235107422 " stroke-opacity="1" stroke="#a80fa8" stroke-width="10" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;g id="SvgjsG2560"&gt;&lt;path id="SvgjsPath2561" d="M565 85L565 176.7947235107422 " stroke-opacity="1" stroke="#000000" stroke-width="23" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2562" d="M615 85L615 167.0881805419922 " stroke-opacity="1" stroke="#000000" stroke-width="0.1" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2563"&gt;&lt;g id="SvgjsG2564" transform="rotate(210 640 429.5)"&gt;&lt;path id="SvgjsPath2565" d="M665 100L665 167.0881805419922 " stroke-opacity="1" stroke="#a80fa8" stroke-width="2.3" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2566" d="M715 100L715 176.7947235107422 " stroke-opacity="1" stroke="#000000" stroke-width="23" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;g id="SvgjsG2567" transform="rotate(210 640 429.5)"&gt;&lt;path id="SvgjsPath2568" d="M565 85L565 176.7947235107422 " stroke-opacity="1" stroke="#a80fa8" stroke-width="10" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2569" d="M615 85L615 167.0881805419922 " stroke-opacity="1" stroke="#a80fa8" stroke-width="2.3" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2570"&gt;&lt;g id="SvgjsG2571"&gt;&lt;path id="SvgjsPath2572" d="M565 176.7947235107422Q565.4104614257812 408.6929016113281 448.6954650878906 610.8491821289062 " stroke-opacity="1" stroke="#000000" stroke-width="23" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2573" d="M615 167.0881805419922A200 200 0 0 0 665 167.0881805419922 " stroke-opacity="1" stroke="#000000" stroke-width="0.1" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;g id="SvgjsG2574"&gt;&lt;path id="SvgjsPath2575" d="M578.5992431640625 685.8491821289062Q715.380615234375 448.93695068359375 715 176.7947235107422 " stroke-opacity="1" stroke="#a80fa8" stroke-width="10" fill="none"&gt;&lt;/path&gt;&lt;path id="SvgjsPath2576" d="M530.4447021484375 669.2553100585938A200 200 0 0 0 487.1434631347656 644.2553100585938 " stroke-opacity="1" stroke="#a80fa8" stroke-width="2.3" fill="none"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2577"&gt;&lt;g id="SvgjsG2578" transform="translate(540 25)"&gt;&lt;g id="SvgjsG2579"&gt;&lt;rect id="SvgjsRect2580" width="200" height="15" fill="none" stroke-width="0"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2581" font-family="arial" x="100" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2582" dy="0.9em" x="100"&gt;1&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;g id="SvgjsG2583" transform="translate(0 15)"&gt;&lt;g id="SvgjsG2584"&gt;&lt;rect id="SvgjsRect2585" width="200" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2586" font-family="arial" x="100" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2587" dy="0.9em" x="100"&gt;352&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2588" transform="translate(0 30)"&gt;&lt;g id="SvgjsG2589"&gt;&lt;rect id="SvgjsRect2590" width="100" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2591" font-family="arial" x="50" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2592" dy="0.9em" x="50"&gt;251&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2593" transform="translate(0 45)"&gt;&lt;g id="SvgjsG2594"&gt;&lt;g id="SvgjsG2595"&gt;&lt;rect id="SvgjsRect2596" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2597" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2598" dy="0.9em" x="25"&gt;250&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2599" transform="translate(50 0)"&gt;&lt;g id="SvgjsG2600"&gt;&lt;rect id="SvgjsRect2601" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2602" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2603" dy="0.9em" x="25"&gt;1&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2604" transform="translate(100 30)"&gt;&lt;g id="SvgjsG2605"&gt;&lt;rect id="SvgjsRect2606" width="100" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2607" font-family="arial" x="50" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2608" dy="0.9em" x="50"&gt;101&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2609" transform="translate(100 45)"&gt;&lt;g id="SvgjsG2610"&gt;&lt;g id="SvgjsG2611"&gt;&lt;rect id="SvgjsRect2612" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2613" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2614" dy="0.9em" x="25"&gt;1&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2615" transform="translate(50 0)"&gt;&lt;g id="SvgjsG2616"&gt;&lt;rect id="SvgjsRect2617" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2618" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000"&gt;&lt;tspan id="SvgjsTspan2619" dy="0.9em" x="25"&gt;100&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2620" transform="translate(0 60)"&gt;&lt;polygon id="SvgjsPolygon2621" points="0,0 50,15 100,0" fill="#000000" stroke="#" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;/g&gt;&lt;g id="SvgjsG2622" transform="translate(100 60)"&gt;&lt;polygon id="SvgjsPolygon2623" points="0,15 50,0 100,15" fill="#000000" stroke="#000000" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;/g&gt;&lt;g id="SvgjsG2624" transform="translate(0 75)"&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2627" transform="rotate(210 640 429.5) translate(540 25)"&gt;&lt;g id="SvgjsG2628"&gt;&lt;rect id="SvgjsRect2629" width="200" height="15" fill="none" stroke-width="0"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2630" font-family="arial" x="100" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 100 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2631" dy="0.9em" x="100"&gt;2&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;g id="SvgjsG2632" transform="translate(0 15)"&gt;&lt;g id="SvgjsG2633"&gt;&lt;rect id="SvgjsRect2634" width="200" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2635" font-family="arial" x="100" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 100 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2636" dy="0.9em" x="100"&gt;396&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2637" transform="translate(0 30)"&gt;&lt;g id="SvgjsG2638"&gt;&lt;rect id="SvgjsRect2639" width="100" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2640" font-family="arial" x="50" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 50 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2641" dy="0.9em" x="50"&gt;123&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2642" transform="translate(0 45)"&gt;&lt;g id="SvgjsG2643"&gt;&lt;g id="SvgjsG2644"&gt;&lt;rect id="SvgjsRect2645" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2646" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 25 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2647" dy="0.9em" x="25"&gt;100&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2648" transform="translate(50 0)"&gt;&lt;g id="SvgjsG2649"&gt;&lt;rect id="SvgjsRect2650" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2651" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 25 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2652" dy="0.9em" x="25"&gt;23&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2653" transform="translate(100 30)"&gt;&lt;g id="SvgjsG2654"&gt;&lt;rect id="SvgjsRect2655" width="100" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2656" font-family="arial" x="50" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 50 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2657" dy="0.9em" x="50"&gt;273&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2658" transform="translate(100 45)"&gt;&lt;g id="SvgjsG2659"&gt;&lt;g id="SvgjsG2660"&gt;&lt;rect id="SvgjsRect2661" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2662" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 25 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2663" dy="0.9em" x="25"&gt;23&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2664" transform="translate(50 0)"&gt;&lt;g id="SvgjsG2665"&gt;&lt;rect id="SvgjsRect2666" width="50" height="15" fill="none" stroke="#000000" stroke-width="0.2"&gt;&lt;/rect&gt;&lt;text id="SvgjsText2667" font-family="arial" x="25" y="0" text-anchor="middle" font-size="14px" font-stretch="narrower" fill="#000000" transform="rotate(180 25 7.6015625)"&gt;&lt;tspan id="SvgjsTspan2668" dy="0.9em" x="25"&gt;250&lt;/tspan&gt;&lt;/text&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2669" transform="translate(0 60)"&gt;&lt;polygon id="SvgjsPolygon2670" points="0,0 50,15 100,0" fill="#000000" stroke="#a80fa8" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;/g&gt;&lt;g id="SvgjsG2671" transform="translate(100 60)"&gt;&lt;polygon id="SvgjsPolygon2672" points="0,15 50,0 100,15" fill="#000000" stroke="#000000" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;/g&gt;&lt;g id="SvgjsG2673" transform="translate(0 75)"&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;g id="SvgjsG2677" transform="rotate(120 1195 47.5) translate(1180 10)"&gt;&lt;polygon id="SvgjsPolygon2678" points="15,0 7.5,15 22.5,15" fill="#000000" stroke="#000000" stroke-width="0.1"&gt;&lt;/polygon&gt;&lt;ellipse id="SvgjsEllipse2679" rx="15" ry="15" cx="15" cy="45" fill="none" stroke="#000000" stroke-width="1"&gt;&lt;/ellipse&gt;&lt;path id="SvgjsPath2680" d="M15 15L15 75 " stroke="#000000" stroke-width="1"&gt;&lt;/path&gt;&lt;/g&gt;&lt;/svg&gt;
  </code></pre>
  
  <p>This is what I get. Picture on the left (taken from browser) is a desired state. Magick's not happening :)</p>
  
  <p><img src="https://i.stack.imgur.com/P24d2.png" alt="enter image description here"></p>
  
  <p>I have tried simplier SVG HTML code and it worked. Is there anything wrong with the generated SVG HTML code? I've validated the generated SVG and no errors where found.</p>
  
  <p>Thanks a lot in advance.</p>