189 8069 5689
根据我的理解，你这是给了两个坐标，求这个向量和水平线的角度么？
创新互联于2013年成立，是专业互联网技术服务公司，拥有项目成都做网站、网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元克东做网站,已为上家服务,为克东各地企业和个人服务,联系电话:028-86922220
其实就是一个数学问题吧？
function angle(start,end){
var diff_x = end.x - start.x,
diff_y = end.y - start.y;
//返回角度，不是弧度
return 360*Math.atan(diff_y/diff_x)/(2*Math.PI);
}
那么执行
angle({x:0,y:0},{x:1,y:1})就会返回45（度）
正弦（sin） sinA = a / c sinθ = y / r
余弦（cos） cosA = b / c cosθ = y / r
正切（tan） tanA = a / b tanθ = y / x
余切（cot） cotA = b / a cotθ = x / y
js中计算三角函数用Math.sin()等静态方法，参数为弧度
角度与弧度都是角的度量单位
1弧度时，弧长等于半径，那弧长是半径的倍数就是弧度了
弧度 = 弧长 / 半径
弧长 = 弧度 * 半径
弧长 = （角度 / 360） * 周长
角度 = 弧长 / 周长 = 弧长/(2πr) = 弧度*r/(2πr) = 弧度/(2π)
弧度 = 弧长 / 半径 = [(角度 / 360) * 周长] / 半径 =[ (角度 / 360) * 2πr] / r = 角度 * π / 180
代码应该是：
imgcss[i].style.transform="rotate(" + j + ")";
首先 j是变量 双引号里面套单引号 还是字符串， 不是变量
其次 字符串拼接要写加号
[img]function sinx(){
var x=document.getElementById('xxx').value;
var y=Math.sin((x/180)*Math.PI);
document.getElementById('sinx').value=y;
}
function cosx(){
var x=document.getElementById('xxx').value;
var y=Math.cos((x/180)*Math.PI);
document.getElementById('cosx').value=y;
}
input id='xxx' type='text'/
input type='button' onclick='sinx()' value='正弦'/input id='sinx' type='text'/
input type='button' onclick='cosx()' value='余弦'/input id='cosx' type='text'/
!DOCTYPE HTML
html
head
meta charset="utf-8" /
title角度转弧度/title
script
var ck = function() {
try {
b.value = eval("Math.PI*" + a.value + "/180");
} catch (e) {
alert("角度输入不正确");
a.focus();
a.select();
}
}
/script
/head
body角度：
input type="text" id="a" /弧度：
input type="text" id="b" /
input type="button" value="转换" onclick="ck()" /
/body
/html
可以用JAvascript改变这个图片的css来旋转他：
这个是css代码：
img {
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); /* Opera */
}
在JAvascript里面可以先获取到这张图片 设置图片id = "box"
var img = document.getElementById('box'); 获取到这个图片并用变量记住
img.style.transform = "rotate(90deg)"; 改变这个图片的css，旋转90度
完毕！！！