JavaScript计算N个点均匀排列成圆的各个点坐标

最新推荐文章于 2022-12-29 17:04:44 发布

weixin_34220623

最新推荐文章于 2022-12-29 17:04:44 发布

阅读量1.7k

点赞数 1

文章标签： javascript 前端 ViewUI

原文链接：https://my.oschina.net/jsan/blog/487353

版权

为什么80%的码农都做不了架构师？>>>

这个方法可以用来支持圆形菜单布局等类似需求：

/**
 * 计算N个点均匀排列成圆的各个点坐标
 * @param nodeSize 参与排列成圆的元素个数
 * @param center 圆的中心点坐标 {x:, y:}
 * @param radius 圆的半径
 * @return 各个元素的坐标：[{x:, y:}, {x:, y:}, ...]
 */
function calcCircularLayout(nodeSize, center, radius) {
	var i, _i, _layouts = [];
	for(i = _i = 0; _i < nodeSize; i = ++_i) {
		var x = center.x + radius * Math.sin(2 * Math.PI * i / nodeSize),
		    y = center.y + radius * Math.cos(2 * Math.PI * i / nodeSize);

		_layouts.push({'x': x, 'y': y});
	}

	return _layouts;
}

转载于:https://my.oschina.net/jsan/blog/487353