Comment rendre l'objet à tourner avec la drague, comment obtenir un point de rotation autour de l'origine l'utilisation sin ou cos?

J'ai cherché longtemps, mais ne peut pas trouver une meilleure façon de résoudre mon problème,

faire des div déplaçable, faire pivoter et redimensionner par chaque poignée comme ces 2 exemple Un Deux,, maintenant, il peut être déplacé, mais tourner..

Concernant Prasanth K C, Chango, Yi Jiang ..'s réponse, ces code peut-être pas correct,

1. il doit avoir un point de rotation autour de l'origine.

2. ont besoin à considérer rayon.

Mais je ne sais pas comment utiliser sin ou cos ici pour faire pivoter envisager de rayon?

Toute suggestion sera être apprécié.
http://jsfiddle.net/tBgLh/8/

var dragging = false, target_wp;   
$('.handle').mousedown(function(e) {
    var o_x = e.pageX, o_y = e.pageY; //origin point
    e.preventDefault();
    e.stopPropagation();
    dragging = true;
    target_wp=$(e.target).closest('.draggable_wp');

    $(document).mousemove(function(e) {
        if (dragging) {
            var s_x = e.pageX, s_y = e.pageY; //start rotate point
            if(s_x !== o_x && s_y !== o_y){ //start rotate
                var s_rad = Math.atan2(s_y, s_x);
                var degree = (s_rad * (360 / (2 * Math.PI)));
                target_wp.css('-moz-transform', 'rotate(' + degree + 'deg)');
                target_wp.css('-moz-transform-origin', '50% 50%');
                target_wp.css('-webkit-transform', 'rotate(' + degree + 'deg)');
                target_wp.css('-webkit-transform-origin', '50% 50%');
                target_wp.css('-o-transform', 'rotate(' + degree + 'deg)');
                target_wp.css('-o-transform-origin', '50% 50%');
                target_wp.css('-ms-transform', 'rotate(' + degree + 'deg)');
                target_wp.css('-ms-transform-origin', '50% 50%');
            }
        }
    })
    $(document).mouseup(function() {
        dragging = false
    })
})//end mousemove

html

<div class="draggable_wp">
    <div class="el"></div>
    <div class="handle"></div>
</div>

OriginalL'auteur user1775888 | 2013-01-30