1Introduction
- description：拖拽改变尺寸类
- author：ydr.me
- create：2016年08月18日18:21:36
- update：2016年08月18日18:21:36
- github：
https://github.com/blearjs/blear.classes.resizable
2Example
var Resizable = require('blear.class.resizable');
var resizeable = new Resizable({
el: '#demo'
});
3Static
3.1.defaults
3.1.1.defaults.el
- 类型：
HTMLElement | String | null - 说明：待改变尺寸的元素
- 默认：
null
3.1.2.defaults.minWidth
- 类型：
Number - 说明：最小宽度
- 默认：
0
3.1.3.defaults.minHeight
- 类型：
Number - 说明：最小高度
- 默认：
0
3.1.4.defaults.maxWidth
- 类型：
Number - 说明：最大宽度
- 默认：
0
3.1.5.defaults.maxHeight
- 类型：
Number - 说明：最大高度
- 默认：
0
3.1.6.defaults.ratio
- 类型：
Number - 说明：宽高比
- 默认：
0
3.1.7.defaults.resizable
- 类型：
Boolean - 说明：是否可改变尺寸，可以交给实例自己处理
- 默认：
true
3.1.8.defaults.dragHandleSize
- 类型：
Number - 说明：拖拽手柄尺寸
- 默认：
10
4Prototype
原型属性、方法
4.1#getSize(): size
获取当前尺寸
4.1.1size
- 类型：
Object - 说明：宽高尺寸
4.1.2size.width
- 类型：
Number - 说明：当前宽，单位 px
4.1.3size.height
- 类型：
Number - 说明：当前高，单位 px
4.2#setSize(width, [height]): resizable
设置尺寸
4.2.1width
- 类型：
Number - 说明：宽度，单位 px
4.2.2height
- 类型：
Number - 说明：高度，单位 px
4.2.3resizable
- 类型：
Resizable - 说明：支持链式调用
4.3#setMinSize(): resizable
设置最小尺寸
4.3.1resizable
- 类型：
Resizable - 说明：支持链式调用
4.4#getMinSize(): minSize
获取最小尺寸
4.4.1minSize
- 类型：
Object - 说明：宽高尺寸
4.4.2minSize.width
- 类型：
Number - 说明：最小宽，单位 px
4.4.3minSize.height
- 类型：
Number - 说明：最小高，单位 px
4.5#setMaxSize(): Resizable
设置最大尺寸
4.5.1Resizable
- 类型：
Resizable - 说明：支持链式调用
4.6#getMaxSize(): maxSize
获取最大尺寸
4.6.1maxSize
- 类型：
Object - 说明：宽高尺寸
4.6.2maxSize.width
- 类型：
Number - 说明：最大宽，单位 px
4.6.3maxSize.height
- 类型：
Number - 说明：最大高，单位 px
4.7#setOptions(options): Resizable
设置配置项
4.7.1options
- 类型：
* - 说明：设置项
4.7.2resizable
- 类型：
Resizable - 说明：支持链式调用
4.8#destroy(): undefined
销毁实例
5Events
事件继承于 blear.classes.draggable。
5.1resizeStart(meta)
5.1.1meta.direction
- 类型：
String - 说明：方向，
x为水平方向，y为垂直方向
拖拽尺寸开始时触发。
5.2resizeMove(meta)
拖拽尺寸中触发。继承 resizeStart。
5.3resizeEnd(meta)
拖拽尺寸结束后触发。继承 resizeStart。