JavaScript角度,html角度

js如何计算A(x1,y1)和B(x2,y2)的角度？

根据我的理解，你这是给了两个坐标，求这个向量和水平线的角度么？

其实就是一个数学问题吧？

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（度）

相关问答

Q1: js中三角函数sin\cos\tan\cot角度计算

正弦（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

Q2: js设置图片随机旋转角度

代码应该是：

imgcss[i].style.transform="rotate(" + j + ")";

首先 j是变量 双引号里面套单引号 还是字符串， 不是变量

其次 字符串拼接要写加号

[img]

Q3: javascript 利用表单, 根据输入的角度，计算正弦和余弦值。

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'/

Q4: 用JavaScript做角度转弧度，要做成网站

!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

Q5: javascript如何实现图片任意角度的旋转？

可以用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度

完毕！！！