jquery – 在每个浏览器中使div可旋转

前端之家收集整理的这篇文章主要介绍了jquery – 在每个浏览器中使div可旋转前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_502_1@首先我见过Rotating a Div Element in jQuery,但它并没有给我我想要的解决方案.@H_403_2@ @H_502_1@我有一个带有可拖动div的div.@H_403_2@ @H_502_1@所以在divs sleep中有一个div(bord)和div(class sleep)的图像是缩放到div的100%宽度和高度(保持纵横比)的图像.@H_403_2@ @H_502_1@div是可调整大小和可拖动的.@H_403_2@ @H_502_1@我希望图像(div)能够与右上角的处理程序一起旋转,就像在右下角调整大小一样.@H_403_2@ @H_502_1@目前,在div板中的1个html图像看起来像.@H_403_2@ @H_502_1@@H_403_2@
@H_502_1@可拖动/可调整大小的项目的Jquery@H_403_2@ @H_502_1@@H_403_2@
.draggable({stack: ".sleep",containment: '#bord' })
    .resizable
    ({containment:'#bord',aspectRatio: true})
    .css({position: 'absolute'})
@H_502_1@我想让它在每个浏览器中都可以旋转.@H_403_2@ @H_502_1@有人能以正确的方式帮助我吗?@H_403_2@ @H_502_1@编辑更清晰的问题:@H_403_2@ @H_502_1@我想要一个丢弃的div可以在这个网站上旋转:http://mydeco.floorplanner.com/rooms/moodboard/@H_403_2@ @H_502_1@我正在制作看起来像那个网站的东西:我有可以删除图像的div.@H_403_2@ @H_502_1@在下降之后,我希望它们可以与处理程序一起旋转.@H_403_2@ @H_502_1@我已经使div可以调整大小和可拖动.见上面的代码.@H_403_2@ @H_502_1@但是我没有想法在哪里开始可以转动为什么我发布了这个问题.@H_403_2@ @H_502_1@我没有举例说明我不知道从哪里开始.@H_403_2@ @H_502_1@我做了一个测试页面,我有点吵闹,但它不能正常工作.@H_403_2@ @H_502_1@您可以单击左侧的其中一个图像.@H_403_2@ @H_502_1@然后他们标有白色边框然后点击@H_403_2@ @H_502_1@Omhoog Rechts Omlaag链接改变方向.但我希望他们转向处理程序而不是按钮.@H_403_2@ @H_502_1@有超过600行代码,其中大多数是PHP和jquery我试图制作一个小提琴,但它的代码很多.所有jquery都可以在源代码中查看.@H_403_2@
最佳答案
因为这对我来说非常有趣,因为我知道将来我可能需要这样的东西,我做了比平时更多的研究,我很高兴,因为我找到了完美的解决方案.@H_403_2@ @H_502_1@看看这个JQuery插件https://github.com/gthmb/jquery-free-transform@H_403_2@ @H_502_1@这个插件不仅允许你旋转,而且可以自由变换元素,希望你发现它有用.@H_403_2@

猜你在找的CSS相关文章