<div class="activeOutline js-transform-util"></div>
<div class="js-joint js-transform-util"></div>
<div class="rotate rotate1 js-transform-util js-rotate">
    <div class="resize resize1 js-transform-util js-resize" data-index="1"></div>
</div>
<div class="rotate rotate2 js-transform-util js-rotate">
    <div class="resize resize2 js-transform-util js-resize" data-index="2"></div>
</div>
<div class="rotate rotate3 js-transform-util js-rotate">
    <div class="resize resize3 js-transform-util js-resize" data-index="3"></div>
</div>
<div class="rotate rotate4 js-transform-util js-rotate">
    <div class="resize resize4 js-transform-util js-resize" data-index="4"></div>
</div>
<div class="activeOutline js-transform-util"></div>
<div class="rotate rotate1 js-transform-util js-rotate">
    <div class="resize resize1 js-transform-util js-resize" data-index="1"></div>
</div>
<div class="rotate rotate2 js-transform-util js-rotate">
    <div class="resize resize2 js-transform-util js-resize" data-index="2"></div>
</div>
<div class="rotate rotate3 js-transform-util js-rotate">
    <div class="resize resize3 js-transform-util js-resize" data-index="3"></div>
</div>
<div class="rotate rotate4 js-transform-util js-rotate">
    <div class="resize resize4 js-transform-util js-resize" data-index="4"></div>
</div>
<div class="js-joint js-transform-util"></div>

Fix bug: joint point can be cover by resize points
Fix bug: joint point can be cover by resize points
