search

daybrush / moveable

Moveable! Draggable! Resizable! Scalable! Rotatable! Warpable! Pinchable! Groupable! Snappable!
https://daybrush.com/moveable/
MIT License
10.08k stars 618 forks source link

moveable-control is rotated #115

Closed jiseopX closed 4 years ago

jiseopX commented 4 years ago

I just wanted to make moveable-control to be square. So I just adjusted border-radius to 0% but when I see it, They are slightly rotated and I can see transform-rotate option in html code Whats the problem?

<div class="moveable-control-box   rCS1gjwbvx" style="position: absolute; display: block; transform: translate(1025.55px, 232.7px) translateZ(50px);">
    <div class="moveable-control moveable-direction moveable-nw" data-direction="nw" style="transform: translate(0px, 0px) rotate(6.28319deg);"></div>
    <div class="moveable-control moveable-direction moveable-ne" data-direction="ne" style="transform: translate(35px, 0px) rotate(6.28319deg);"></div>
    <div class="moveable-control moveable-direction moveable-sw" data-direction="sw" style="transform: translate(0px, 56px) rotate(6.28319deg);"></div>
    <div class="moveable-control moveable-direction moveable-se" data-direction="se" style="transform: translate(35px, 56px) rotate(6.28319deg);"></div>
    <div class="moveable-control moveable-direction moveable-n" data-direction="n" style="transform: translate(17.5px, 0px) rotate(6.28319deg);"></div>
    <div class="moveable-control moveable-direction moveable-w" data-direction="w" style="transform: translate(0px, 28px) rotate(6.28319deg);"></div>
    <div class="moveable-control moveable-direction moveable-s" data-direction="s" style="transform: translate(17.5px, 56px) rotate(6.28319deg);"></div>
    <div class="moveable-control moveable-direction moveable-e" data-direction="e" style="transform: translate(35px, 28px) rotate(6.28319deg);"></div>
    <div class="moveable-line moveable-direction " data-direction="" style="transform: translate(0px, 0px) rotate(6.28319rad); width: 35px;"></div><div class="moveable-line moveable-direction " data-direction="" style="transform: translate(35px, 0px) rotate(1.5708rad); width: 56px;"></div>
    <div class="moveable-line moveable-direction " data-direction="" style="transform: translate(0px, 0px) rotate(1.5708rad); width: 56px;"></div><div class="moveable-line moveable-direction " data-direction="" style="transform: translate(0px, 56px) rotate(6.28319rad); width: 35px;"></div>
</div>
daybrush commented 4 years ago

@jiseopX

Thank you for reporting bug. I will update it soon.

It's my mistake. It was rad, not deg ...

jiseopX commented 4 years ago

thank you for fixing the bug. However can i know when will the update be released?

daybrush commented 4 years ago

@jiseopX

Uhm... Maybe 12.12

daybrush commented 4 years ago

@jiseopX

Moveable is upaded. Check it again.