js中图形类常见标题随线段角度旋转的解决方案

最新推荐文章于 2025-10-24 13:08:38 发布

二哈想吃比巴卜

最新推荐文章于 2025-10-24 13:08:38 发布

阅读量78

点赞数 3

CC 4.0 BY-SA版权

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_44963669/article/details/149440259

核心原理：四象限，角度弧度转换

getRotation(coordinate) {
	const [start, end] = coordinate
	const dx = end[0] - start[0]
	const dy = end[1] - start[1]
	const rotation  = Math.atan2(dy, dx)
	let rotationText = 0
	if (rotation > 0 && rotation < Math.PI / 2) {
		rotationText = -rotation
	}
	if (Math.PI / 2 < rotation && rotation < Math.PI) {
		rotationText = Math.PI - rotation
	}
	if (-Math.PI / 2 < rotation && rotation < 0) {
		rotationText = -rotation
	}
	if (-Math.PI < rotation && rotation < -Math.PI / 2) {
		rotationText = Math.PI - rotation
	}
	return rotationText 
}