求出每个圆的中心坐标点

求出每个圆的中心坐标点

// 求出每个圆的中心坐标点;

for(var i = 0;i < n;i++){

for(var j = 0; j < n; j++){

count++;

var obj = {

x:j * 4 * r + 3 * r,

y:i * 4 * r + 3 * r,

index: count

}

this.arr.push(obj);

}

}

这里我还是不知道为什么用这个公式求x和y的中心点。 可能数学不是很好,求哪个大神告诉我下。

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕星星 2018-09-25 11:35:54

外层两个for循环是将9个圆循环出来(可以和99乘法表联想起来)。

当i=0,j=0的时候,也就是第一个圆的中心点就是(3r,3r)

当i=0,j=1的时候,也就是第二个圆的在中心点为(7r,3r)

以此类推,就有了这个公式:

http://img1.sycdn.imooc.com//climg/5ba9ad070001d27702460167.jpg

http://img1.sycdn.imooc.com//climg/5ba9abd10001710705340489.jpg

自己可以画图理解下,祝学习愉快~~

  • 提问者 丛从绿草 #1
    如果一开始自己要定义这个canvas的宽度,那怎么知道一排能放7个圆圈呢。
    2018-09-27 11:34:19
  • 好帮手慕星星 回复 提问者 丛从绿草 #2
    是自己先设置canvas的宽度,然后再均分宽高就可以了,不需要根据根据圆圈的个数来改变canvas的宽高。
    2018-09-27 11:51:56
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师