SVG 中两个重叠圆的边框宽度为何不同？

发布日期： 2024-11-03 阅读量： 作者： 网络

svg 两个叠加圆的边框宽度差异解析

在 svg 中绘制两个相叠的圆，可能会出现这样一个疑问：为什么两个拥有相同 stroke-width 属性的圆，实际呈现出来的边框宽度却不同？

下面的代码展示了如何绘制两个重叠的圆：

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="gray" stroke-width="10" fill="#fff"/>
  <circle cx="100" cy="50" r="40" stroke-dasharray="50% 50%" stroke="black" stroke-width="10" fill="#fff"/>
</svg>

上一篇: linux剪辑软件有哪些

下一篇: linux下怎么用yum安装mysql

SVG 中两个重叠圆的边框宽度为何不同？

随便看看