javascript - Jquery ui 旋转图像调整大小问题

标签 javascript jquery-ui resize rotation

我有一个问题,我正在使用可调整大小的 jquery ui。当我在 chrome 中旋转元素时,控件也会旋转,但是当我调整带有 handle 的 div 大小时,它们会倒转。我的意思是,如果我使用 sw 控件,它会以奇怪的方式运行,即我向顶部移动并且图像变大,而实际上它应该变小。这是旋转 div 的问题,而不是正常的问题。

这是js fiddle

http://jsfiddle.net/fahadnabbasi/2FLuf/11/

您将看到两张图片,一张旋转后一张正常。正常可以很好地调整大小,而旋转的也可以调整大小,但方向相反。尝试从右下角的控件调整旋转图像的大小,您会发现问题所在。

最佳答案

我认为您需要 jQuery UI 旋转 http://vremenno.net/js/jquery-ui-rotation-using-css-transform/ (这是俄语)。这里直接下载:http://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip

这是我编写的实现插件的 fiddle :http://jsfiddle.net/MadLittleMods/4Vfm5/

包含插件后只需添加。您还可以添加一个父 div 并使用 .parent() 将其应用于该 div:

$('.resizable').rotatable();

这是另一个讨论旋转的主题:jquery rotation plugin - that works like jquery ui resize

关于javascript - Jquery ui 旋转图像调整大小问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10416156/

相关文章:

javascript - 在 div 上使用可调整大小的函数将另一个分区移动到下一行

javascript - 附加内容未触发 - 即使使用 .on()

javascript - 是否可以在 Angular 项目中的 javascript 文件和 typescript 文件之间共享相同的全局变量?

javascript - 将\n 或\r 更改为 <br/>

jquery - 如何检查启用缓存的jquery选项卡缓存中是否有数据?

ios - iOS 中硬编码 View 框架的替代方案是什么

javascript - 获取 jquery slider 横幅以重定向到另一个页面?

升级到 jQuery UI 1.10.3 后,jQuery 自动完成下拉列表不显示

javascript - 在表单提交时触发 jquery 模式弹出窗口

java - 如何调整文件中图像的大小?