拖拽和调整大小的CSS变换元素

13 浏览
0 Comments

拖拽和调整大小的CSS变换元素

如果我们在一个矩形上设置了 -vendor-transform: rotate(40deg) 的css属性,突然之间拖拽和调整大小变得非常奇怪和有缺陷。

这里有一个使用简单jQueryUI的例子:http://jsfiddle.net/Ja4dY/1/

你会注意到,如果你在变换时拖拽或调整大小矩形,它会向上或向下跳动,光标也不会停留在正确的位置。在我的真实代码中,我使用自定义代码来调整大小和拖拽,但是我遇到了相同的问题。

当然,"问题"是元素的方向会改变。所以左边可以变成右边,顶部变成底部,中间则介于两者之间,而Javascript代码仍然将每个方向处理为未经变换的状态。

所以,问题是:我们如何补偿变换/旋转的元素?

任何好的资源/书籍/博客也非常欢迎。

0