Javascript 如何检测掉在圆一侧的元素？
我正在使用raphael.js库，并在其中创建了一个圆圈和一个黑色小圆圈。现在我想把那个小圆圈从大圆圈里拖出来。如何检测圆是否落在圆外Javascript 如何检测掉在圆一侧的元素？,javascript,jquery,html,raphael,Javascript,Jquery,Html,Raphael,我正在使用raphael.js库，并在其中创建了一个圆圈和一个黑色小圆圈。现在我想把那个小圆圈从大圆圈里拖出来。如何检测圆是否落在圆外 <script src="jquery-1.9.1.js"></script> <script type="text/javascript" src="raphael.js"></script> <script src="jquery-ui.min.js"></script> <s
<script src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="raphael.js"></script>
<script src="jquery-ui.min.js"></script>
<script>
$(function () {
var paper = new Raphael(0, 0, 150,150),
circle = paper.circle(75, 75, 15);
//circle2=false;
circle2=paper.circle(75, 75, 4);
circle2.hide();
circle.attr({
'stroke': '#f00',
'stroke-width': 4,
'fill': '#fff'
});
circle.hover(function(e) {
this.animate({ r: 30 }, 1000,'super_elastic');
circle2.show();
'fill': '#000'
});
}, function() {
this.animate({ r: 15 }, 1000, 'super_elastic');
circle2.hide();
});
circle2.hover(function(e) {
circle.animate({ r: 30 }, 1000,'super_elastic');
circle2.show();
}, function() {
});
/*******/
var p = paper.set(circle2);
circle2.set = p;
p.newTX=0,p.newTY=0,p.fDx=0,p.fDy=0,p.tAddX,p.tAddY,p.reInitialize=false;
start = function () {
},
move = function (dx, dy,x,y,cx) {
var a = this.set;$('#circle2').text(dx);
$('#circle3').text(dy);
$('#circlex').text(x);
$('#circley').text(y);
$('#circlez').text(cx);
a.tAddX=dx-a.fDx,a.tAddY=dy-a.fDy,a.fDx=dx,a.fDy=dy;
if(a.reInitialize)
{
a.tAddX=0,a.fDx=0,a.tAddY=0;a.fDy=0,a.reInitialize=false;
}
else
{
a.newTX+=a.tAddX,a.newTY+=a.tAddY;
a.attr({transform: "t"+a.newTX+","+a.newTY});
}
},
up = function () {
this.set.reInitialize=true;
};
p.drag(move, start, up);
/*******/
// modify this function
Raphael.easing_formulas.super_elastic = function(n) {
return Math.pow(2, -10 * n) * Math.sin((n - .075) * (2 * Math.PI) / .3) + 1;
};
});
</script>
<body>
<div name='circle2' id='circle2' style="
background: red;
width: 10px;
height: 10px;
"></div>
<div name='circle3' id='circle3' style="
background: red;
width: 10px;
height: 10px;
"></div>
<div name='circle3' id='circlex' style="
background: red;
width: 10px;
height: 10px;
"></div>
<div name='circle3' id='circley$$' style="
background: red;
width: 10px;
height: 10px;
"></div>
<div name='circle3' id='circlez' style="
background: red;
width: 10px;
height: 10px;
"></div>
</body>
$（函数（）{
var纸张=新拉斐尔（0,0,150150），
圆圈=纸。圆圈（75,75,15）；
//圆圈2=假；
圆圈2=纸。圆圈（75,75,4）；
圆圈2.隐藏（）；
圆圈.attr({
“笔划”：“f00”，
“笔划宽度”：4，
“填充”：“fff”
});
圆圈悬停（功能（e）{
动画（{r:30}，1000，'super_elastic'）；
圆圈2.show（）；
“填充”：“000”
});
}，函数（）{
动画（{r:15}，1000，'super_elastic'）；
圆圈2.隐藏（）；
});
圆圈2.悬停（功能（e）{
动画（{r:30}，1000，'super_elastic'）；
圆圈2.show（）；
}，函数（）{
});
/*******/
var p=纸张集（圆圈2）；
圈2.set=p；
p、 newTX=0，p.newTY=0，p.fDx=0，p.fDy=0，p.tAddX，p.tAddY，p.reInitialize=false；
开始=功能（）{
},
移动=功能（dx、dy、x、y、cx）{
var a=this.set；$（'#circle2'）.text（dx）；
$（'圆圈3'）。文本（dy）；
$（'#circlex'）。文本（x）；
$（#circley'）。文本（y）；
$（#circlez'）。文本（cx）；
a、 tAddX=dx-a.fDx，a.tAddY=dy-a.fDy，a.fDx=dx，a.fDy=dy；
如果（a.重新初始化）
{
a、 tAddX=0，a.fDx=0，a.tAddY=0；a.fDy=0，a.reInitialize=false；
}
其他的
{
a、 newTX+=a.tAddX，a.newTY+=a.tAddY；
a、 attr（{变换：“t”+a.newTX+”，“+a.newTY}）；
}
},
up=函数（）{
this.set.reInitialize=true；
};
p、 拖动（移动、启动、向上）；
/*******/
//修改此函数
Raphael.easing_公式。超级弹性=函数（n）{
返回Math.pow（2，-10*n）*Math.sin（（n-.075）*（2*Math.PI）/.3）+1；
};
});
d = sqrt((x1 - x2)^2 + (y1 - y2)^2)
if(d > r1+r2)
print("It is out!");
else
print("It is inside!")
您的半径圆
r1（x1，y1）r2（x2，y2）