Arrastrando y redimensionando elementos transformados CSS

Si por ejemplo, establecemos un-vendor-transform: rotate(40deg) atributo css en un rectángulo<div>, todo el arrastre y el cambio de tamaño repentinos se vuelven muy extraños e imperfectos.

Aquí hay un ejemplo con un jQueryUI simple:http://jsfiddle.net/Ja4dY/1/

Notará que si arrastra o cambia el tamaño de ese rectángulo cuando se transforma, saltará hacia arriba o hacia abajo y el cursor no permanecerá en el lugar correcto. En mi código real, estoy usando un código personalizado para cambiar el tamaño y arrastrar, sin embargo, encontré los mismos problemas.

Bueno, por supuesto, el "problema" es que la dirección de un elemento cambiará. Así que, a la izquierda, puede estar a la derecha, arriba y abajo y algo entre ellos, y el código Javascript todavía maneja cada dirección como seríano transformado

Entonces, la pregunta:¿Cómo podemos compensar?transformado / girado Elementos?

Cualquier buen recurso / libros / blogs son también muy bienvenidos.

Respuestas a la pregunta(7)

Su respuesta a la pregunta