dragresize
v1.1.3
Published
A ReactJS component to render a dragresize layer. ##Installation Install dragresize with [npm](https://www.npmjs.com/):
Downloads
2
Readme
#dragresize A ReactJS component to render a dragresize layer. ##Installation Install dragresize with npm:
$ npm install dragresize --save
For CommonJS users:
import Dragresize from 'dragresize';
##Example Run:
$ npm install; npm start
##Props
| Name | Type | default | Description |
| --- | --- | --- | --- |
| elmX
| Number
| 10
| Required. The layer X axis. |
| elmY
| Number
| 10
| Required. The layer Y axis. |
| elmW
| Number
| 100
| Required. The layer width. |
| elmH
| Number
| 150
| Required. The layer height. |
| isDrag
| Boolean
| true
| 是否可拖拽. |
| isResize
| Boolean
| true
| 是否可缩放. |
| isRatio
| Boolean
| false
| 是否按比例缩放. |
| isChecked
| Boolean
| true
| 是否选中. |
| minLeft
| Number
| null
| Drag Scope |
| minTop
| Number
| null
| Drag Scope |
| maxLeft
| Number
| null
| Drag Scope |
| maxTop
| Number
| null
| Drag Scope |
| minWidth
| Number
| 10
| Resize Scope |
| minHeight
| Number
| 10
| Resize Scope |
| maxWidth
| Number
| null
| Resize Scope |
| maxHeight
| Number
| null
| Resize Scope |
| onMouseDown
| Function
| null
| MouseDown Callback |
| onMouseMove
| Function
| null
| MouseMove Callback |
| onResize
| Function
| null
| Resize Callback |