为什么 Chrome DevTools 显示相同大小的 SVG 元素具有不同的笔画宽度？

问题描述

例如，用 r="25" 和 stroke-width="1" 圈起来：

和半径相同且stroke-width="40"的圆：

那些例子的代码：

<p style="margin: 0; padding: 0">
...............Text as ruler...............
</p>
<svg width="250" height="250" viewBox="0 0 250 250">
  <circle cx="60" cy="60" r="25" stroke="black" fill="aqua" stroke-width="1"/>
  <!--and stroke-width="40"-->
</svg>

为什么 Chrome DevTools 会显示相同大小的 SVG 元素，但笔画宽度不同？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）