Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Js/Jq拖动、旋转和anime.Js_Javascript_Jquery_Html_Css_Animation - Fatal编程技术网

Javascript Js/Jq拖动、旋转和anime.Js

Javascript Js/Jq拖动、旋转和anime.Js,javascript,jquery,html,css,animation,Javascript,Jquery,Html,Css,Animation,我的圆圈的动画有问题。我希望我能抓住这个轮子并转动它。在50度时,我希望animate()函数启动。在控制台中,我看到动画已启动,但是,圆圈不旋转 var dragging=false, 实际旋转=0, 伪旋转=0, 开始拖动角度=0, 点y=0, 在=0之后运行动画, A. 结束度=0, //nowBlockAnim=1, nowBlockAnim=0, 度=0; var=0; var cssDegsCache=0; var-cssDegs=0; 函数旋转注释裁剪器(偏移选择器、X坐标、Y坐

我的圆圈的动画有问题。我希望我能抓住这个轮子并转动它。在50度时,我希望animate()函数启动。在控制台中,我看到动画已启动,但是,圆圈不旋转

var dragging=false,
实际旋转=0,
伪旋转=0,
开始拖动角度=0,
点y=0,
在=0之后运行动画,
A.
结束度=0,
//nowBlockAnim=1,
nowBlockAnim=0,
度=0;
var=0;
var cssDegsCache=0;
var-cssDegs=0;
函数旋转注释裁剪器(偏移选择器、X坐标、Y坐标、裁剪器){
//在=0之后运行动画;
//nowBlockAnim=0;
如果(nowBlockAnim==0){
if(verifyDataCheck()==1&&run\u anim\u after==0){
var x=xCoordinate-offsetSelector.offset().left-offsetSelector.width()/2;
变量y=-1*(yCoordinate-offsetSelector.offset().top-offsetSelector.height()/2);
varθ=数学atan2(y,x)*(180/数学π);
var cssA=转换塔CSSDEGs(θ);
//如果(CSSDEGSCHACHE>cssA){
//cssDegs=CSSDEGSCHACHE-综援;
//cssDegsCache+=cssDegs;
//}其他{
//cssDegs=cssA-CSSDEGSCHACHE;
//console.log(cssDegs);
//cssDegsCache+=cssDegs;
// }
如果(CSSDEGSCHACHE>cssA){
log((cssDegsCache-cssA));
draw+=(CSSDEGSCHACHE-cssA);
//如果((CSSDEGSCHACHE-cssA)>84){
//制作动画(“#DragableArrow”);
// }
}否则{
log((cssA-cssdegcache));
draw+=(cssA-CSSDEGSCHACHE);
}
综援金=综援金;
CSSDEGSCHACHE=综援;
变量旋转='旋转('+cssDegs+'度)';
crapper.css({
“-moz变换”:旋转,
“变换”:旋转,
“-webkit变换”:旋转,
“-ms变换”:旋转
});
$('body')。在('mouseup',函数(事件)上{
$('body')。解除绑定('mousemove'))
});
如果(绘制>50){
开始拖动度=cssDegs;
nowBlockAnim=1;
制作动画(“#DragableArrow”);
}
}
}
}
函数转换器thetatocsdegs(theta){
var cssDegs2=90θ;
返回cssDegs2;
}
$(文档).ready(函数(){
$('#DragableArrow')。on('mousedown',function(){
$('body')。在('mousemove',函数(事件)上{
rotateAnnotationCropper($('#DragableRow').parent(),event.pageX,event.pageY,$('#DragableRow'));
});
});
$('.RunWheel')。在('click',函数(e)上{
e、 预防默认值();
$.when($('.kolo form').parent().fadeOut()).done(函数(){
var fakesizeW=$('.koloimg').width()*1.3;
var fakesizeH=$('.koloimg').height()*1.3+50;
//$('.koloimg').css({'opacity':1});
$('.koloDiv').parent().css({
“高度”:假装
});
var cstransforms=动画({
目标:“.koloDivResize”,
translateX:'50%',
translateY:70,
比例:1.2,
});
var cstransforms=动画({
目标:“.koloimg”,
不透明度:1
});
$(“#kolo_fortuny_Potwierdzenie”).find(“.kolo form”).parent().fadeIn();
$.each($('.kolotexty').find('span'),函数(z,x){
var tt=$(本);
tt.css({
'left':parseFloat(tt.css('left'))-13+'px'
})
})
nowBlockAnim=0;
});
})
$(“输入[mode='fortuna']”)。更改(函数(){
验证数据();
});
});
函数设置动画(目标){
在=0之后运行动画;
nowBlockAnim=0;
//如果(verifyDataCheck()==0){
//返回false;
// }
//if(nowBlockAnim==1){
//返回false;
// }
if(run\u anim\u after==0){
run_anim_after=1;
$('.kolotexty')。查找('span')。删除('style');
var basicTimeline=动画时间线({
自动播放:对,
方向:'交替',
循环:false,
更新:功能(动画){
控制台日志(动画进度);
如果(动画进度==100){
Mateyka1(目标公司);
}
},
完成:功能(动画){
//Mateyka1(目标公司);
}
});
假旋转=实际旋转;
var d1=随机(100250),
d2=随机(290430),
d3=随机(700900),
d4=随机(10001500),
d5=随机(500800),
d6=随机(300500),
d7=随机(50120);
端度=d7+d6+d5+d4+d3+d2+d1;
console.log('d6:'+d7)
var cachedegre=数学四舍五入(结束度/20)+1;
结束度=(cachedegre*20)+10;
console.log('end_degree:'+end_degree)
碱式苯胺
.添加({
目标:目标,,
“旋转”:“+=”+d1,
持续时间:1600,
放松:'轻松外四',
偏移量:0
})
.添加({
目标:目标,,
“旋转”:“+=”+d2,
持续时间:2200,
放松:'轻松外四',
偏移量:0
})
.添加({
目标:目标,,
“旋转”:“+=”+d3,
时长:2700,
放松:'轻松外四',
偏移量:0
})
.添加({
目标:目标,,
“旋转”:“+=”+d4,
时长:3000,
放松:'轻松外四',
偏移量:0
})
.添加({
目标:目标,,
“旋转”:“+=”+d5,
时长:3600,