PL
JavaScript - Math.acos() - przykład metody z dokumentacją
3 points
Funkcja Math.acos() zwraca liczbę w radianach z zakresu od 0 do Math.PI. Na podstawie tej funkcji jesteśmy w stanie obliczyć wartość odwróconej funkcji cosinus.
xxxxxxxxxx1
// radiany stopnie2
console.log( Math.acos( -2 ) ); // NaN3
console.log( Math.acos( -1 ) ); // 3.1415926535897930 -> 1804
console.log( Math.acos( -0.5 ) ); // 2.0943951023931957 -> ~1205
console.log( Math.acos( 0 ) ); // 1.5707963267948966 -> 906
console.log( Math.acos( 0.5 ) ); // 1.0471975511965979 -> ~607
console.log( Math.acos( 1 ) ); // 0 -> 08
console.log( Math.acos( 2 ) ); // NaN9
10
console.log( Math.acos( 0.7071067811865476 ) ); // 0.7853981633974483 -> 45 stopni11
console.log( Math.acos( 0.8660254037844387 ) ); // 0.5235987755982987 -> 30 stopni12
13
console.log(Math.acos( Math.cos( Math.PI / 4))); // 0.7853981633974483-> pi/4 (45 stopni)14
console.log(Math.cos( Math.acos( Math.PI / 4))); // 0.7853981633974483-> pi/4 (45 stopni)Inny sposób spojrzenia na funkcję acos:
xxxxxxxxxx1
function calculateAngle(b, h) {2
return Math.acos(b / h);3
}4
5
/*6
|\7
| \ h8
a | \9
|__*\ <- kąt10
b11
*/12
13
var a, b, h;14
15
// gdy a, b oraz h budują trójkąt równoramienny16
a = 3; 17
b = a;18
h = Math.sqrt(a * a + b * b);19
console.log( calculateAngle(b, h) ); // 0.7853981633974483 <- 45 stopni20
21
// gdy a, b oraz h budują połowę trójkąta równobocznego22
a = 3; 23
b = a * Math.sqrt(3); 24
h = Math.sqrt(a * a + b * b);25
console.log( calculateAngle(b, h) ); // 0.5235987755982987 <- ~30 stopni26
27
// gdy a, b oraz h nie są w stanie zbudować trójkąta28
a = 3; 29
b = a; 30
h = 1;31
console.log( calculateAngle(b, h) ); // NaN| Składnia | Math.acos(number) |
| Parametry |
|
| Wynik |
wartość liczbowa wyrażona w radianach z zakresu od Jeśli nie można obliczyć wartości, zwracany jest |
| Opis | acos to metoda statyczna, która przyjmuje tylko jeden parametr i zwraca przybliżenie wyniku funkcji matematycznej arccos(x). |
xxxxxxxxxx1
function calculateAngle(b, h) {2
var angle = Math.acos(b / h);3
4
return (180 / Math.PI) * angle; // zamiana radianów na stopnie5
}6
7
/*8
|\9
| \ h10
a | \11
|__*\ <- kąt12
b13
*/14
15
var a, b, h;16
17
// gdy a, b oraz h budują trójkąt równoramienny18
a = 3; 19
b = a;20
h = Math.sqrt(a * a + b * b);21
console.log( calculateAngle(b, h) ); // 45 stopni22
23
// gdy a, b oraz h budują połowę trójkąta równobocznego24
a = 3; 25
b = a * Math.sqrt(3); 26
h = Math.sqrt(a * a + b * b);27
console.log( calculateAngle(b, h) ); // ~30 stopni28
29
// gdy a, b oraz h nie są w stanie zbudować trójkąta30
a = 3; 31
b = a; 32
h = 1;33
console.log( calculateAngle(b, h) ); // NaNxxxxxxxxxx1
2
<html>3
<head>4
<style> #canvas { border: 1px solid black; } </style>5
</head>6
<body>7
<canvas id="canvas" width="200" height="200"></canvas>8
<script>9
10
var canvas = document.querySelector('#canvas');11
var context = canvas.getContext('2d');12
13
// zakres dla rysowanego wykresu arccos14
var x1 = -1.0;15
var x2 = +1.0;16
var y1 = 0;17
var y2 = +Math.PI18
19
var dx = 0.01;20
21
var xRange = x2 - x1;22
var yRange = y2 - y1;23
24
function calculatePoint(x) {25
var y = Math.acos(x);26
27
// wykres zostanie odwrócony w poziomie z powodu odwróconego indeksowania pikseli na ekranie28
29
var nx = (x - x1) / xRange; // znormalizowany x30
var ny = 1.0 - (y - y1) / yRange; // znormalizowane y31
32
var point = {33
x: nx * canvas.width,34
y: ny * canvas.height35
};36
37
return point;38
}39
40
console.log('x range: <' + x1 + '; ' + x2 + '>');41
console.log('y range: <' + y1 + '; ' + y2 + '> // kąty w radianach');42
43
var point = calculatePoint(x1);44
45
context.beginPath();46
context.moveTo(point.x, point.y);47
48
for (var x = x1 + dx; x < x2; x += dx) {49
point = calculatePoint(x);50
context.lineTo(point.x, point.y);51
}52
53
point = calculatePoint(x2);54
context.lineTo(point.x, point.y);55
context.stroke();56
57
</script>58
</body>59
</html>