SVG分段圆环图内圈半径

时间:2017-10-09 22:01:59

标签: html svg

知道外stroke-width元素的<circle>和半径,如何计算内<circle>的精确半径,使其仅到达外边缘的内边缘<circle>?如果使用周长为<circle>的{​​{1}}计算外r = c / (2π)的半径,是否只是从周长减去一定数量的问题?或者更有效的是创建额外的100元素来覆盖扩展的内部<circle>

半径〜<circle>看起来非常接近,但我希望尽可能准确。

14.5
body {
  background: #eee;
}

感谢您提供任何帮助!

1 个答案:

答案 0 :(得分:1)

外圈内边缘的半径非常简单:外圈的半径 - 笔画宽度/ 2.

那是因为在绘制的路径上输入了笔划。

所以在你的例子中,半径是14.41549430918954(15.91549430918954 - 3/2)。

请注意,在某些情况下,可能存在舍入错误,这可能会留下一个小差距。