html - 如何关闭或删除 svg 中包含的圆圈？

Question

我是 svg 主题的新手，我想知道是否可以从我的书签中删除白色圆圈。

这是我的 svg 的代码:

  <?xml version="1.0" encoding="iso-8859-1"?>
  <!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 485.213 485.212" style="enable-background:new 0 0 485.213 485.212;" xml:space="preserve">
  <g>
    <path d="M242.606,0C142.124,0,60.651,81.473,60.651,181.955c0,40.928,13.504,78.659,36.31,109.075l145.646,194.183L388.252,291.03   c22.808-30.416,36.31-68.146,36.31-109.075C424.562,81.473,343.089,0,242.606,0z M242.606,303.257   c-66.989,0-121.302-54.311-121.302-121.302c0-66.989,54.313-121.304,121.302-121.304c66.991,0,121.302,54.315,121.302,121.304   C363.908,248.947,309.598,303.257,242.606,303.257z" fill="#d82c62" stroke="#d82c62"/>
  </g>
  </svg>

我希望圆不存在，也就是说图形是这样的:

非常感谢。

https://jsfiddle.net/L10m35ny/

Answer 1

这个 svg 是一条路径，因此圆圈包含在

中的某个位置

<svg><path d="here you have svg path"/></svg>

最简单的方法是在任何编辑器中打开 svg 文件，例如 Corel Draw、Adobe Ilustrator 或其他免费的编辑器(它是矢量图像，因此无法在 Paint 中打开)。您应该创建一个新的 map 标记并导出到新的 svg 文件。你会得到完全不同的路径。

---

更新 这就是您正在寻找的 svg。

<svg viewBox="0 0 26900 35810" xmlns="http://www.w3.org/2000/svg">
<path fill="#D82C62" d="m13406 35810c424-340 9325-12335 10071-13340 1180-1589 2146-2848 2818-5086 2756-9189-4320-17352-12785-17384-9099-34-15490 8788-12948 17248 980 3261 3947 6682 6125 9588l5018 6693c517 689 1266 1582 1701 2281z"/>
</svg>