Resizable

缩放功能.
KISSY.use('resizable',function(S,Resizable){
    // use Resizable
});

Class

Methods

Class Detail

class resizable.Resizable
Resizable (config)
Parameters:config (Object) – 配置项,详细见下方 Configs Detail .

Configs Detail

Resizable.config.node

{String|HTMLElement|KISSY.Node} - 将要进行缩放的节点.

Resizable.config.minWidth

{Number} - 默认为0, 表示拖动缩放的最小宽度.

Resizable.config.minHeight

{Number} - 默认为0, 表示拖动缩放的最小高度.

Resizable.config.maxWidth

{Number} - 默认为 Number.MAX_VALUE, 表示拖动缩放的最大宽度.

Resizable.config.maxHeight

{Number} - 默认为 Number.MAX_VALUE, 表示拖动缩放的最大高度.

Resizable.config.handlers

{Array<String>} - 默认为 [], 表示可拖动元素的哪些位置来进行缩放.

可取下列值: “b”,”t”,”r”,”l”,”tr”,”tl”,”br”,”bl”. 其中, t,b,l,r 分别表示 top,bottom,left,right, 加上组合共八种取值, 可在上, 下, 左, 右以及左上, 左下, 右上, 右下进行拖动.

Methods Detail

resizable.destroy()
destroy ()
销毁该组件, 取消元素上的缩放功能.

Note

拖放 handler 的样式需要调用者自己编写.

Events Detail

resizable.Events.resizeStart()
resizeStart (e)
开始拖放后触发
resizable.Events.resize()
resize (e)
拖放中触发
resizable.Events.resizeEnd()
resizeEnd (e)
结束拖放后触发