Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/asp.net-mvc-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我如何确保这些圆圈总是碰到包装问题_Javascript_Math_Svg - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 我如何确保这些圆圈总是碰到包装问题

Javascript 我如何确保这些圆圈总是碰到包装问题

javascript math svg

Javascript 我如何确保这些圆圈总是碰到包装问题,javascript,math,svg,Javascript,Math,Svg,我有3个圆形SVG，可以是任何大小 我希望它们的边缘永远接触 我放一个圆，然后在那个圆旁边再放一个圆。然后我放置第三个圆，使其与其他两个圆接触 我被这个问题困扰了——我对数学感到困惑，但我想我对SVG也不太了解 完全搞不懂如何做到这一点。所以，你有三个半径为r的圆ᵃ，rᵇ和rᶜ。让我们把它们的中心点命名为A，B和C 您已通过将B放置在一定距离（r）来绘制前两个圆ᵃ + Rᵇ）远离A，现在你想知道C应该放在哪里。嗯，C需要是（rᵃ + Rᶜ）远离A，同时（rᵇ + Rᶜ）远离B 现在，您如何找到这

我有3个圆形SVG，可以是任何大小

我希望它们的边缘永远接触

我放一个圆，然后在那个圆旁边再放一个圆。然后我放置第三个圆，使其与其他两个圆接触

我被这个问题困扰了——我对数学感到困惑，但我想我对SVG也不太了解

完全搞不懂如何做到这一点。

所以，你有三个半径为r的圆ᵃ，
rᵇ和
rᶜ。让我们把它们的中心点命名为
A
，
B
和
C

您已通过将
B
放置在一定距离（
r）来绘制前两个圆ᵃ + Rᵇ）远离
A
，现在你想知道
C
应该放在哪里。嗯，
C
需要是（
rᵃ + Rᶜ）远离
A
，同时（
rᵇ + Rᶜ）远离
B

现在，您如何找到这一点？（提示：圆交点）


确保圆圈之间的距离等于其半径之和。在二维平面上如何做到这一点？使用毕达哥拉斯定理，z为半径。