javascript - 旋转 div 时计算其右上角的偏移量

Question

我想计算 div 的右上角位置，如果不旋转，我可以计算它:

  $("div").offset().top + $("div").width();

但是当我们旋转 div 时，我们如何计算右上角的位置？

旋转代码:

$("div").slider({ 
   slide: function(e,u){ 
      $(this).rotate({ angle : u.value});  
   }
});

Answer 1

你可以试试这个:

JavaScript

$(".slider").slider({
    min: 0,
    max: 180,
   slide: function(e,u){ 
      $(this).rotate({ angle : u.value});
       calculateTopLeft(u.value);
   }
});

var pointer = $('.pointer');
var slider = $('.slider');
var center = { top: slider.offset().top, left: slider.offset().left + slider.width() / 2 };
var offset = slider.offset();

function calculateTopLeft(angle) {
    var radius = slider.width() / 2,
        radians = (angle * Math.PI) / 180;
    pointer.css({
        left: center.left + radius * Math.cos(radians),
        top: center.top + radius * Math.sin(radians)
    });
}
//Equation of the circle
//x = a + r * cos(t);
//y = b + r * sin(t);​

这是一个示例:http://jsfiddle.net/zFRwM/2/

可能您需要一些修正，但我认为这个想法很明确。