Rotatabe doesn't work as expected, and origin is in the wrong place

[flokiowl]

Environments

• Framework name: Vue
• Framework version: 3.2.47
• Moveable Component version: 0.20.0
• Testable Address(optional):

Description

Thanks for your great work! Can't figure it out in one thing, could you tell me what might be wrong here? What information can I provide for details?

c12fb34c-d8c0-4a0e-8a9f-47693d239ed2.mp4

[flokiowl]

onRotateStart() { e.setFixedDirection([0, 0]) }

this code helped with rotate, but not with origin

[daybrush]

@flokiowl

Maybe it's an svg element?
To see it as a video, it is judged as an svg element.
svg origin is (0, 0) of <svg>.

If your video is svg then setFixedDirection will be fixed later.

[flokiowl]

Yep, you are right, it is SVG. Thanks for quick response)

[daybrush]

@flokiowl

• croact-moveable 0.3.0
• @moveable/helper 0.1.2
• lit-moveable 0.24.0
• moveable 0.47.0
• preact-moveable 0.49.0
• react-moveable 0.50.0
• svelte-moveable 0.39.0
• vue-moveable 2.0.0-beta.66
• vue3-moveable 0.22.0
• ngx-moveable 0.44.0

moveable's new version is released.

svgOrigin prop is added.

If you want to set it separately in svg, try setting svgOrigin to "50% 50%".

[jiangjiyun]

svgOrigin to "50% 30%" is not work。 @daybrush
it is work as '50% 50%'