Sample - UiTransformToolElement


HTMLElement 클래스를 상속받아 커스텀 엘레멘트를 만들고 그것이 transform toolпп럼 동작하게 한다.

ex

1
2
3, min-width:40px;min-height:40px
4
5
setTarget. down후 바로 이동 가능
setTarget
data-transform-tool-no-sync target 연결민하고 싱크 동작 안한다. event 에서 따로 처리.
--zoom:0.7
--zoom:1.3
자유 리사이즈 edge, no data-clamp-boundary edge, data-clamp-boundary center, data-clamp-boundary
비율 고정 리사이즈 edge, data-clamp-boundary center, data-clamp-boundary

Broundary 가 변경되는 모양에서의 transform-tool 샘플

클릭으로 위치시킴
클릭으로 위치시킴
클릭으로 위치시킴
내부

속에 속 샘플

rotate 해버리면 이상하지네. 핸들 숨긴다.

속에 속 샘플

rotate 해버리면 이상하지네. 핸들 숨긴다.