首先,我 在 jQuery 中看到了 Rotating a Div Element, 但它并没有给我想要的解决方案。
我有一个带有可拖动 div 的 div。
所以 1 个主 div(bord),其中 div(类睡眠)在 div 睡眠中是缩放到 div 的 100% 宽度和高度(保持纵横比)的图像。
div 是可调整大小和可拖动的。
我希望图像(div)能够与右上角的处理程序一起旋转,就像右下角的调整大小一样。
目前 div 板中 1 个放置图像的 html 看起来像。
<div class="ui-draggable sleep ui-resizable" style="position: absolute; z-index: 1; left: 125px; top: 46px;">
<img src="/imgurl.jpg" class="center">
<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div>
<div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;"></div>
<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;"></div>
</div>
可拖动/可调整大小项目的 Jquery
.draggable({stack: ".sleep", containment: '#bord' })
.resizable
({containment:'#bord',aspectRatio: true})
.css({position: 'absolute'})
我想让它在每个浏览器中都可以旋转。
有人可以以正确的方式帮助我吗?
编辑更清晰的问题:
我希望删除的 div 像在这个网站上一样可旋转:http: //mydeco.floorplanner.com/rooms/moodboard/
我正在制作一些看起来像那个网站的东西:我有可以删除图像的 div。
下降后,我希望它们可以与处理程序一起旋转。
我已经使 div 可放置可调整大小和可拖动。见上面的代码。
但我不知道从哪里开始旋转,这就是我发布问题的原因。
我没有例子,因为我不知道从哪里开始。
我做了一个测试页,如果我得到了一点评价,但效果不佳。
您可以单击左侧的图像之一。
然后他们被标记为白色边框然后单击
Omhoog Rechts Omlaag 更改方向的链接。但我希望他们用处理程序而不是按钮转身。
有超过 600 行代码,其中大部分是 php 和 jquery,我试着做一个小提琴,但它的代码太多了。所有 jquery 都可以在源代码中查看。