我正在尝试使div
面向屏幕上的x
和y
位置。
例如,如果我在坐标div
处有一个50, 0
,并且希望它面向0, 0
,那么我将需要旋转div -90
度(或左)。
是否有某种方程式或函数可用来获取div
的旋转角度(取决于两组坐标)?
答案 0 :(得分:2)
使用JavaScript:
Math.atan2(dx, dy) * 180 / Math.PI
哪里
dx = p2.x - p1.x
dy = p2.y - p1.y
答案 1 :(得分:0)
您可以使用rotate
方法来实现元素的旋转。
<!DOCTYPE html>
<html>
<head>
<style>
div {
width: 300px;
height: 100px;
background-color: green;
border: 1px solid black;
}
div#myDiv {
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Safari */
transform: rotate(-90deg); /* Standard syntax */
}
</style>
</head>
<body>
<h1>The rotate() Method</h1>
<p>The rotate() method rotates an element clockwise or counter-clockwise.</p>
<div>
This a normal div element.
</div>
<div id="myDiv">
This div element is rotated clockwise -90 degrees.
</div>
</body>
</html>