JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mydiv" style="transform: translate(1px,0) scale(2)">
  <svg>
    <circle id="mycircle" cx="50" cy="50" r="10"/>
  </svg>
</div>

JavaScript

var div = document.getElementById('mydiv');
var circle = document.getElementById('mycircle');
console.log("before=", circle.getScreenCTM());
div.setAttribute("style", "transform: translate3D(1px,0,0) scale(2)");
console.log("after=", circle.getScreenCTM());