-
-
Notifications
You must be signed in to change notification settings - Fork 635
Migration 0.X to 1.0
Daybrush (Younkue Choi) edited this page Apr 14, 2022
·
20 revisions
-
set
property is removed from Resizable'sresizeStart
event.
- In Rotatable's
beforeRotate
,rotate
events,rotate
,absoluteRotate
property names is changed tobeforeRotation
,rotation
,absoluteRotation
. - In Rotatable's
rotateGroup
event,set
property is renamed tosetGroupRotation
. -
defaultGroupRotate
property of the Rotatable is renamed todefaultGroupRotation
.
<Moveable
target={target}
draggable={true}
scalable={true}
origin={true}
onScaleStart={e => {
e.set([2, 2]);
e.dragStart && e.dragStart.set([10, 10]);
}}
onScale={e => {
const scale = e.scale;
const translate = e.drag.beforeTranslate;
// The order is unconditionally fixed. translate > rotate > scale only
e.target.style.transform = `translate(${translate[0]}px, ${translate[1}px) scale(${scale[0]}, ${scale[1]})`;
}}
></Moveable>
<Moveable
target={target}
draggable={true}
scalable={true}
origin={true}
onScaleStart={e => {
e.setTransform("rotate(30deg) scale(2, 2) translate(10px, 10px)", 1); // scale(2, 2)
e.dragStart && e.dragStart.setTransformIndex(2); // translate(10px, 10px)
}}
onScale={e => {
// Use e.scale
// Use e.drag.translate
e.target.style.transform = e.drag.transform;
}}
></Moveable>