EasyPZ Example with Auto Transform on Everything

HTML

<script src="https://unpkg.com/easypz@latest/easypz.js"></script>
<svg easypz>
    <circle cx="100" cy="70" r="25" fill="#f00"></circle>
    <text class="transform" x="100" y="70">Drag</text>
    <text class="transform" x="100" y="88">Us!</text>
    <circle cx="200" cy="70" r="25"></circle>
    <text class="transform" x="200" y="70">Drag</text>
    <text class="transform" x="200" y="88">Us!</text>
</svg>

CSS

body {
  background: transparent;
  overflow: hidden;
}

svg * {
  -webkit-user-select: none; /* Safari 3.1+ */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

svg {
  width: 400px;
  height: 400px;
}

svg text {
  fill: #fff;
  font-family: "DejaVu Serif";
  text-anchor: middle;
}