当前位置:编程学习 > JS >>

基于jquery ui 拖拽 缩放 旋转DIV元素 插件 jquery-ui-rotatable

这是一个基于jquery ui的手动旋转的元素插件。它是对jquery ui插件的补充,添加了手动旋转元素的功能。点击鼠标即可实现旋转、拖拽的功能。简单实用,欢迎下载!本代码适用浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器,首选火狐浏览器。是一款不错的的特效插件,需要的朋友可以下载!希望大家喜欢!

配置参数

该基于jquery ui的手动旋转元素插件的可用配置参数有:

angle:元素的开始角度。
degrees:旋转的度数。
handle:旋转的手柄的图片的url地址。
handleOffset:手柄的位置,{top: 0, left: 0}。
radians:使用radians作为旋转的度数。
rotationCenterOffset:旋转的中心点位置,{top: 0, left: 0}。
snap:是否启用step步长。
step:按住shift键时,按指定的步长来旋转,默认为22.5度。
start:回调函数。
stop:回调函数。
rotate:回调函数。
transforms:在旋转元素上添加的CSS transforms。
wheelRotate:是否允许鼠标滚轮进行旋转。

插件的github地址为:https://github.com/godswearhats/jquery-ui-rotatable
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,