JSFiddle - React, Tailwind, and code Playground

by nullice

HTML

<div class="stage"><div class="foucs-point" style="left: 0px; top: 0px;"></div> <div class="foucs-point old" style="left: 0px; top: 0px;"></div> <div class="drag-select-box" style="display: none;"></div> <div class="container" style="transform: matrix(4, 0, 0, 4, 2335, 97); transform-origin: 50% 50%; cursor: default; transition: none 0s ease 0s;"><div class="test-point"></div> <div class="content" style="pointer-events: auto;"><img src="https://alipic.lanhuapp.com/SketchCover9ae7c0bbd9f240db009c944563b31134" height="313" width="359" class="main-img"> <div class="layer-section" style="z-index: 7;"></div> <svg class="line-def"><defs><marker id="Triangle" viewBox="0 0 10 10" refX="0" refY="5" markerWidth="6" markerHeight="4" fill="#acacac" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" style="stroke-dasharray: 0, 0;"></path></marker> <marker id="TriangleSelect" viewBox="0 0 10 10" refX="0" refY="5" markerWidth="6" markerHeight="4" fill="#2878FF" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" style="stroke-dasharray: 0, 0;"></path></marker> <marker id="TriangleHigh" viewBox="0 0 10 10" refX="0" refY="5" markerWidth="6" markerHeight="4" fill="#7EAEFF" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" style="stroke-dasharray: 0, 0;"></path></marker> <marker id="TriangleHover" viewBox="0 0 10 10" refX="0" refY="5" markerWidth="6" markerHeight="4" fill="#7EAEFF" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" style="stroke-dasharray: 0, 0;"></path></marker> <marker id="markerCircle" markerWidth="8" markerHeight="8" refX="5" refY="5"><circle cx="5" cy="5" r="3" style="stroke: none; fill: rgb(107, 107, 107);"></circle></marker> <marker id="markerArrow" markerWidth="13" markerHeight="13" refX="2" refY="6" orient="auto"><path d="M2,2 L2,11 L10,6 L2,2" class="line-marker-arrow"></path></marker></defs></svg> <div class="line-layer"> </div> <!----> <div class="item-group root root deep0" anime="true"><!----> <div class="base-box image-card" id="3a475c82-20fd-4f8c-83b4-d2fed47f67d4"...

CSS

.stage{
  transform: matrix(1, 0, 0,1, -1, -2); 
  transform-origin: 50% 50%; 
  cursor: default; 
}