我的理解是,带stroke-width的svg圆渲染两个同心圆(或类似甜甜圈的图像),其内半径为r,其外半径为r plus stroke-width

看起来像,
css - 增大svg圆的笔触宽度会减小内圆的大小-LMLPHP

但是,正如我们看到的,当笔划宽度从4增加到24时,内圆变小了吗?

柱塞代码为here
所以,公式有什么问题,

external radius = r + stroke-width


更重要的是,为什么内圆的大小取决于笔划宽度?

最佳答案

恐怕您的理解是错误的。

带有stroke-width的SVG圆渲染两个同心圆(或类似甜甜圈的图像),其内半径为r-行程宽度的1/2,其外半径为r +½行程宽度的。

09-11 19:01
查看更多