我的理解是,带stroke-width
的svg圆渲染两个同心圆(或类似甜甜圈的图像),其内半径为r
,其外半径为r plus stroke-width
。
看起来像,
但是,正如我们看到的,当笔划宽度从4增加到24时,内圆变小了吗?
柱塞代码为here。
所以,公式有什么问题,
external radius = r + stroke-width
更重要的是,为什么内圆的大小取决于笔划宽度?
最佳答案
恐怕您的理解是错误的。
带有stroke-width的SVG圆渲染两个同心圆(或类似甜甜圈的图像),其内半径为r-行程宽度的1/2,其外半径为r +½行程宽度的。