拖拽和调整大小的CSS变换元素
- 论坛
- 拖拽和调整大小的CSS变换元素
13 浏览
拖拽和调整大小的CSS变换元素
如果我们在一个矩形上设置了 -vendor-transform: rotate(40deg)
的css属性,突然之间拖拽和调整大小变得非常奇怪和有缺陷。
这里有一个使用简单jQueryUI的例子:http://jsfiddle.net/Ja4dY/1/
你会注意到,如果你在变换时拖拽或调整大小矩形,它会向上或向下跳动,光标也不会停留在正确的位置。在我的真实代码中,我使用自定义代码来调整大小和拖拽,但是我遇到了相同的问题。
当然,"问题"是元素的方向会改变。所以左边可以变成右边,顶部变成底部,中间则介于两者之间,而Javascript代码仍然将每个方向处理为未经变换的状态。
所以,问题是:我们如何补偿变换/旋转的元素?
任何好的资源/书籍/博客也非常欢迎。