JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.2" width="210.00mm" height="297.00mm" viewBox="0 0 119.5016 169.0094">
  <style text="style/css">
    <![CDATA[
    tspan {
      white-space: pre;
    }

    ]]>
  </style>
  <!-- Page: 1/1 -->
  <text transform="translate(5.6906, 2.8453)" font-family="serif" font-size="2.2001" text-anchor="start" fill="currentColor">
    <tspan />
  </text>
  <line transform="translate(14.2264, 10.0560)" stroke-linejoin="round" stroke-linecap="round" stroke-width="0.1000" stroke="currentColor" x1="0.0500" y1="-0.0000" x2="36.0734" y2="-0.0000" />
  <line transform="translate(14.2264, 9.0560)" stroke-linejoin="round" stroke-linecap="round" stroke-width="0.1000" stroke="currentColor" x1="0.0500" y1="-0.0000" x2="36.0734" y2="-0.0000" />
  <line transform="translate(14.2264, 8.0560)" stroke-linejoin="round" stroke-linecap="round" stroke-width="0.1000" stroke="currentColor" x1="0.0500" y1="-0.0000" x2="36.0734" y2="-0.0000" />
  <line transform="translate(14.2264, 7.0560)" stroke-linejoin="round" stroke-linecap="round" stroke-width="0.1000" stroke="currentColor" x1="0.0500" y1="-0.0000" x2="36.0734" y2="-0.0000" />
  <line transform="translate(14.2264, 6.0560)" stroke-linejoin="round" stroke-linecap="round" stroke-width="0.1000" stroke="currentColor" x1="0.0500" y1="-0.0000" x2="36.0734" y2="-0.0000" />
  <rect transform="translate(35.1956, 8.0560)" x="0.0000" y="-2.0000" width="0.1900" height="4.0000" ry="0.0000" fill="currentColor" />
  <rect transform="translate(50.1598, 8.0560)" x="0.0000" y="-2.0000" width="0.1900" height="4.0000" ry="0.0000" fill="currentColor" />
  <a style="color:inherit;" xlink:href="textedit:///home/paolo/programmi/nuove-composizioni/temp/test.ly:32:28:29">
    <path transform="translate(41.6125, 6.5560) scale(0.0040, -0.0040)" d="M218 136c55 0 108 -28 108 -89c0 -71 -55 -121 -102 -149c-35 -21 -75 -34 -116 -34c-55 0 -108 28 -108 89c0 71 55 121 102 149c35 21 75 34...

JavaScript

//TODO: add other conversions, check missing params etc.
pixelsX = document.documentElement.getAttribute("width").replace("mm", "")

alert("foobar")