Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.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 Jquery:如何检测文本何时位于旋转的div上?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript Jquery:如何检测文本何时位于旋转的div上?

Javascript Jquery:如何检测文本何时位于旋转的div上?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我很难理解检测文本是否在旋转形状上的公式,我现在使用的公式与下图类似: 现在有一个新变量,即角度,代码如下: onornot(); 函数getRotationDegrees(obj){ 变量矩阵=obj.css(“-webkit transform”)|| css(“-moz转换”)|| 对象css(“-ms转换”)|| 对象css(“-o-transform”)|| 对象css(“转换”); 如果(矩阵!=“无”){ var values=matrix.split(“(”)[1]。spl

我很难理解检测文本是否在旋转形状上的公式,我现在使用的公式与下图类似:

现在有一个新变量,即角度,代码如下:

onornot();
函数getRotationDegrees(obj){
变量矩阵=obj.css(“-webkit transform”)||
css(“-moz转换”)||
对象css(“-ms转换”)||
对象css(“-o-transform”)||
对象css(“转换”);
如果(矩阵!=“无”){
var values=matrix.split(“(”)[1]。split(“)”)[0]。split(“,”);
var a=数值[0];
var b=数值[1];
变量角度=数学圆(数学atan2(b,a)*(180/数学PI));
}else{var angle=0;}
如果(角度<0)角度+=360;
返回角;
}
函数onornot(){
$(“.text”).each(函数(){
var self_text=$(此),
self_text left=self_text.position().left,
self_text top=self_text.position().top,
self_text width=self_text.width(),
self_text height=self_text.height();
$(“.shape,.background”).each(函数(){
var self_shape=$(此),
self_shapeLeft=self_shape.position().左,
self_shape top=self_shape.position().top,
self\u shapeWidth=self\u shape.width(),
self_shape高=self_shape.height();
变量角度=getRotationDegrees($(此));
如果((self_-textLeft+self_-textWidth)>self_-shapeLeft和self_-textLeft<(self_-shapeLeft+self_-shapeWidth)和&(self_-textop+self_-textWidth)>self_-shapeTop和self_-textop<(self_-shapeTop+self-shapewhight)){
警报(self_text.attr('id')+'在'+self_shape.attr('id'))上);
}否则{
警报(self_text.attr('id')+'不在'+self_shape.attr('id'))上);
}
});
});
}
.elements,
.元素{
位置:绝对位置
}
#s1{
背景:#ffffff;
宽度:400px;
高度:180像素;
}
#t1{
顶部:20px;
左:30px;
}
#s2{
背景:#333333;
顶部:150px;
宽度:400px;
高度:40px;
变换:旋转(330度);
}
#t2{
顶部:161px;
左:0px;
宽度:400px;
文本对齐:居中;
}
#t3{
顶部:100px;
左:-50px;
宽度:400px;
文本对齐:右对齐;
}

文本
文本反转
文本3