如何正确地将 svg 路径合并为一个路径,我总是打洞

问题描述 投票:0回答:1
svg path union
1个回答
0
投票

你需要一个

fill-rule="evenodd"

  • 使用一个像样的 SVG 编辑器,比如 VS-Code

  • 添加 Preview SVG 扩展,以便您可以实时查看更改

  • 然后手动连接所有

    Data
    值。

  • 并将其粘贴到

    d
    属性中:

<svg viewBox="0 0 1000 1000" style="background:pink">
  <path fill="blue" fill-rule="evenodd" d="M496 30.4L472 72v880l24 41.6 24-41.6V72z"/>
</svg>

© www.soinside.com 2019 - 2024. All rights reserved.