CSS atan2() ฟังก์ชัน

การประกาศและการใช้งาน

CSS atan2() ฟังก์ชันกลับค่าของ反正ทังตรงของสองค่าที่อยู่ระหว่าง -∞ ถึง ∞

ค่าเหล่านี้สามารถเป็นตัวเลข ขนาดหรือเปอร์เซ็นต์ สองค่าต้องเป็นชนิดเดียวกัน

ฟังก์ชันนี้กลับค่ามุมที่อยู่ระหว่าง -180 ถึง 180 องศา

ตัวอย่าง

ใช้ atan2() เคลื่อนที่องศา

div.a {
  transform: rotate(atan2(50, 100));
}
div.b {
  transform: rotate(atan2(30px, -3rem));
}
div.c {
  transform: rotate(atan2(40%, 75%));
}
div.d {
  transform: rotate(atan2(pi, 25));
}

ทดลองด้วยตัวเอง

CSS การเขียน

atan2(y, x)
ค่า รายละเอียด
y จำเป็นเพื่อ y ตำแหน่งทางด้าน Y สามารถเป็นตัวเลข ขนาดหรือเปอร์เซ็นต์
x จำเป็นเพื่อ x ตำแหน่งทางด้าน X สามารถเป็นตัวเลข ขนาดหรือเปอร์เซ็นต์

รายละเอียดเทคนิค

เวอร์ชั่น: CSS4

การสนับสนุนโปรแกรมน่าทะเบียน

ตัวเลขในตารางนี้แสดงรุ่นการใช้งานแรกที่สนับสนุนฟังก์ชันนี้

Chrome Edge Firefox Safari Opera
111 111 108 15.4 97

หน้าที่เกี่ยวข้อง

อ้างอิง:CSS acos() ฟังก์ชัน

อ้างอิง:CSS asin() ฟังก์ชัน

อ้างอิง:CSS atan() 函数

อ้างอิง:CSS calc() ฟังก์ชัน

อ้างอิง:CSS cos() ฟังก์ชัน

อ้างอิง:CSS exp() ฟังก์ชัน

อ้างอิง:CSS hypot() ฟังก์ชัน

อ้างอิง:CSS log() ฟังก์ชัน

อ้างอิง:CSS mod() ฟังก์ชัน

อ้างอิง:CSS pow() ฟังก์ชัน

อ้างอิง:CSS sin() 函数

อ้างอิง:CSS sqrt() 函数

อ้างอิง:CSS tan() 函数