微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决为什么 Chrome DevTools 显示相同大小的 SVG 元素具有不同的笔画宽度?

例如,用 r="25"stroke-width="1" 圈起来:

Stroke = 1

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

Stroke = 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 举报,一经查实,本站将立刻删除。