dragcolor5

by DOK_UA

HTML

<script src="https://kogjs.s3.amazonaws.com/dragsvg.js"></script>
<svg height="300" width="300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300">
<rect x="0" y="0" width="300" height="300" fill="#000"/>
<g id="circle">
<circle cx="150" cy="150" r="140" fill="gray" />
<circle class = "draggable" cx="150" cy="60" r="20"  fill="white" />
</g>
<circle id="joy" class = "draggable" cx="150" cy="150" r="40"  fill="white" transform="matrix(1 0 0 1 0 0)" onmousedown="selectElement(evt)"/>

</svg>

CSS

svg{
   position:relative; /* important (all position that's not `static`) */
   }

.draggable{
        cursor: move;
      }