十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
根据我的理解,你这是给了两个坐标,求这个向量和水平线的角度么?
创新互联于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度
完毕!!!