jquery-ui-rotatable是jQuery UI的插件,其工作方式与Draggable和Resizable类似,最后一个例子是我扩展上去的,可以支持input框输入角度值进行旋转 默认情况下,它将在要旋转的任何元素的左下方放置一个小的旋转图标。
首页 /  web前端 /  JavaScript /  jQuery特效 / jQuery ui rotatable 手动旋转插件

0 0 42

jQuery ui rotatable 手动旋转插件

jquery-ui-rotatable是jQuery UI的插件,其工作方式与Draggable和Resizable类似,最后一个例子是我扩展上去的,可以支持input框输入角度值进行旋转 默认情况下,它将在要旋转的任何元素的左下方放置一个小的旋转图标。

所有参数说明

angle:元素的开始旋转(不赞成radians和推荐使用degrees)
degrees:以度为单位开始旋转(默认为0)
handle:URL到手柄的自定义图像
handleOffset:{top: 0, left: 0}手柄放置位置的格式偏移
radians:以弧度开始旋转(默认为0)
rotationCenterOffset:相{top: 0, left: 0}对于旋转中心的格式偏移
snap:以step度为单位捕捉(默认值:false)
step:按住Shift键时旋转将捕捉到的角度(默认22.5°)
start,stop,rotate:在事件发生时回调
transforms:具有CSS转换的对象,您想将其应用于可旋转元素(“旋转”除外)。它们将应用于每次旋转(默认值:NULL)
wheelRotate:启用/禁用鼠标滚轮旋转元素(默认值:true)
clickRotate://新扩展的一个 也可以在input框输入度数来改变旋转角度,看第11个例子

旋转和停止回调在回调的ui参数中提供以下内容:

element:旋转的jQuery元素。
angle:一个对象,其中包含有关旋转角度的信息,并具有以下键:
start:旋转开始时的角度。
current:当前旋转角度(以弧度为单位)。
degrees:当前旋转角度(以度为单位)。
stop:旋转结束时的角度。
下载所需: 20金币 下载 演示

[来源] https://yuanmouren.erlyun.com/p.php?id=91

[声明] 本站资源来自用户分享,如损害你的权益请联系客服QQ:120074275给予处理。

添加一条新回复
容若 2020-04-13 14:29
10
送花
20积分一朵