JavaScript中的Math.atan2()方法使用详解

这个方法返回其参数商数的反正切。该ATAN2方法返回-pi和PI 较(x,y)点的角度theta之间的数值。
语法

Math.atan2( x, y ) ;

下面是参数的详细信息：

  • x 和 y : 一个数字.

返回值:

返回一个数弧度的反正切值

Math.atan2( ±0, -0 ) returns ±PI.
Math.atan2( ±0, +0 ) returns ±0.
Math.atan2( ±0, -x ) returns ±PI for x < 0.
Math.atan2( ±0, x ) returns ±0 for x > 0.
Math.atan2( y, ±0 ) returns -PI/2 for y > 0.
Math.atan2( ±y, -Infinity ) returns ±PI for finite y > 0.
Math.atan2( ±y, +Infinity ) returns ±0 for finite y > 0.
Math.atan2( ±Infinity, +x ) returns ±PI/2 for finite x.
Math.atan2( ±Infinity, -Infinity ) returns ±3*PI/4.
Math.atan2( ±Infinity, +Infinity ) returns ±PI/4.

例子：

<html>
<head>
<title>JavaScript Math atan2() Method</title>
</head>
<body>
<script type="text/javascript">

var value = Math.atan2(90,15);
document.write("First Test Value : " + value ); 

var value = Math.atan2(15,90);
document.write("<br />Second Test Value : " + value ); 

var value = Math.atan2(0, -0);
document.write("<br />Third Test Value : " + value ); 

var value = Math.atan2(+Infinity, -Infinity);
document.write("<br />Fourth Test Value : " + value );
</script>
</body>
</html>

这将产生以下结果：

First Test Value : 1.4056476493802698
Second Test Value : 0.16514867741462683
Third Test Value : 3.141592653589793
Fourth Test Value : 2.356194490192345
赞 (0)

相关推荐

  • JavaScript使用atan2来绘制箭头和曲线的实例

    JavaScript使用atan2来绘制箭头和曲线的实例

    最近搞Canvas绘图,知道了JavaScript中提供了atan2(y,x)这样一个三角函数.乍眼一看,不认识,毕竟在高中时,学过的三角函数有:sin,cos,arcsin,arccos,tan,arctan等,并没有这个.而工作中又需要用到它,所以这里就做了个简单的了解. 在坐标系中理解tan 和 atan 回顾一下三角函数tan: tanθ,用三角函数来表示时,它的值等于sinθ/cosθ,如果将其放到坐标系中,它的的值等价于:dy/dx.在坐标系中,任意两个点所组成的直线,相对于x轴的斜

  • JavaScript中的Math.atan2()方法使用详解

    这个方法返回其参数商数的反正切.该ATAN2方法返回-pi和PI 较(x,y)点的角度theta之间的数值. 语法 Math.atan2( x, y ) ; 下面是参数的详细信息: x 和 y : 一个数字. 返回值: 返回一个数弧度的反正切值 Math.atan2( ±0, -0 ) returns ±PI. Math.atan2( ±0, +0 ) returns ±0. Math.atan2( ±0, -x ) returns ±PI for x < 0. Math.atan2( ±0,

  • JavaScript中的Math.sin()方法使用详解

    这个方法返回一个数字的正弦.sin方法返回-1到1之间的数值,它表示参数的正弦值. 语法 Math.sin( x ) ; 下面是参数的详细信息: x: 一个数字 返回值: 返回一个数字的正弦值 例子: <html> <head> <title>JavaScript Math sin() Method</title> </head> <body> <script type="text/javascript"&g

  • JavaScript中的Math.E属性使用详解

    这是一个欧拉常数和自然对数的基数,约为 2.718. 语法: Math.E 示例: <html> <head> <title>JavaScript Math E Property</title> </head> <body> <script type="text/javascript"> var property_value = Math.E document.write("Property

  • JavaScript中的Math.LN2属性用法详解

    这是一个欧拉常数和自然对数的基数,约为 2.718. 语法: Math.E 示例: <html> <head> <title>JavaScript Math E Property</title> </head> <body> <script type="text/javascript"> var property_value = Math.E document.write("Property

  • JavaScript中的Math.LOG2E属性使用详解

    这将返回基数2的对数e,大约是 1.442. 语法 Math.LOG2E 例子: <html> <head> <title>JavaScript Math LOG2E Property</title> </head> <body> <script type="text/javascript"> var property_value = Math.LOG2E document.write("Pr

  • JavaScript中数组随机排序的实现详解

    目录 一.原地算法 二.Array.property.sort() 1.方法一(不推荐) 2.方法一改良 三.洗牌算法实现随机排序 1.换牌 2.抽牌 一.原地算法 在谈sort之前,我们先了解一下原地算法,什么事原地算法呢?所谓原地算法就是说基于原有的数据结构进行一定的操作修改,而不借助额外的空间.使用原地算法时,其内存干净,空间复杂度是O(1),可以减少没必要的内存,避免造成内存浪费和冗余.当然,减小内存损耗会带来算法复杂度和时间消耗的增加,所以是一个Tradeoff.Tradeoff 是一

  • JavaScript中SetInterval与setTimeout的用法详解

    setTimeout 描述 setTimeout(code,millisec) setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. 注:调用过程中,可以使用clearTimeout(id_of_settimeout)终止 参数 描述 code 必需,要调用的函数后要执行的 JavaScript 代码串. millisec 必需,在执行代码前需等待的毫秒数. setTimeinterval setInterval(code,millisec[,"lang"]) 参数

  • JavaScript中闭包的写法和作用详解

    1.什么是闭包 闭包是有权访问另一个函数作用域的变量的函数. 简单的说,Javascript允许使用内部函数---即函数定义和函数表达式位于另一个函数的函数体内.而且,这些内部函数可以访问它们所在的外部函数中声明的所有局部变量.参数和声明的其他内部函数.当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包. 2.变量的作用域 要理解闭包,首先要理解变量的作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变

  • 在JavaScript中对HTML进行反转义详解

    在JavaScript中对字符串进行转义和反转义操作,常用的方法莫过于使用encodeURI (decodeURI).encodeURIComponent (decodeURIComponent)这几个方法,具体使用方法和区别. 但是如何在JavaScript中对HTML进行反转义操作呢?例如下面这段代码: var jsonData = { title: "<%= data.name? data.name : title %>", desc: "<%= da

  • javascript中href和replace的比较(详解)

    在使用javascript的时候,有时候对于经常使用的方法太熟悉而忽略了他们之间原理的细微差别. 举例如下: window.location.href,window.location.replace. 这两种方式都可以让页面跳转到一个新的页面,但是其中我就忽略了跳转之后的细节,比如返回的原来的页面. window.location.href中的href其实就是<a>标签中的href,使用这个进行页面跳转后,可以使用浏览器的后退按钮退回到原来的页面,也可以使用history.go(-1)函数跳转

随机推荐