大佬教程收集整理的这篇文章主要介绍了jquery拖动并旋转到角度，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
直播JS：http://jsfiddle.net/87jaR/
JavaScript代码：
var test = 5;
$(function()
{
$('#rotate').draggable({ containment: 'frame' });
$('#frame img').live('mousedown',function(event)
{
test = test + 15;
$(this).rotate({ angle: test });
});
});@H_404_7@
var dragging = false
$(function() {
var target = $('#target')
target.mousedown(function() {
dragging = true
})
$(document).mouseup(function() {
dragging = false
})
$(document).mousemove(function(e) {
if (dragging) {
var mouse_x = e.pageX;
var mouse_y = e.pageY;
var radians = Math.atan2(mouse_x - 10,mouse_y - 10);
var degree = (radians * (180 / Math.PI) * -1) + 90;
target.css('-moz-transform','rotate(' + degree + 'deg)');
target.css('-moz-transform-origin','0% 40%');
target.css('-webkit-transform','rotate(' + degree + 'deg)');
target.css('-webkit-transform-origin','0% 40%');
target.css('-o-transform','rotate(' + degree + 'deg)');
target.css('-o-transform-origin','0% 40%');
target.css('-ms-transform','rotate(' + degree + 'deg)');
target.css('-ms-transform-origin','0% 40%');
}
})@H_404_7@
})
1)这里deg表示度,你可以使用rad作为弧度
2)您可以通过更改transform-origin来更改旋转点
对于Eg：transform-origin：50％50％将旋转点移动到中心.
以上是大佬教程为你收集整理的jquery拖动并旋转到角度全部内容，希望文章能够帮你解决jquery拖动并旋转到角度所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。