如何在标记文件中修剪svg图像

我有一个svg文件，由谷歌绘图制作。（png的

png

版本如下所示

下面是

svg

代码

<svg version="1.1" viewBox="0.0 0.0 960.0 720.0" fill="none" stroke="none" stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><clipPath id="p.0"><path d="m0 0l960.0 0l0 720.0l-960.0 0l0 -720.0z" clip-rule="nonzero"/></clipPath><g clip-path="url(#p.0)"><path fill="#000000" fill-opacity="0.0" d="m0 0l960.0 0l0 720.0l-960.0 0z" fill-rule="evenodd"/><path fill="#999999" d="m393.1811 309.8189l0 0c0 -37.33795 30.268372 -67.60631 67.60632 -67.60631l0 0c17.930298 0 35.12622 7.1227875 47.80487 19.801437c12.67865 12.678619 19.801392 29.874542 19.801392 47.80487l0 0c0 37.33792 -30.268341 67.60629 -67.60626 67.60629l0 0c-37.33795 0 -67.60632 -30.268372 -67.60632 -67.60629z" fill-rule="evenodd"/><path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt" d="m393.1811 309.8189l0 0c0 -37.33795 30.268372 -67.60631 67.60632 -67.60631l0 0c17.930298 0 35.12622 7.1227875 47.80487 19.801437c12.67865 12.678619 19.801392 29.874542 19.801392 47.80487l0 0c0 37.33792 -30.268341 67.60629 -67.60626 67.60629l0 0c-37.33795 0 -67.60632 -30.268372 -67.60632 -67.60629z" fill-rule="evenodd"/></g></svg>

我的目的是将这个

svg

图像插入到一个标记文件

My_work.md

。正如您所看到的，图像中有很多空白，我想把它们删掉，只显示有用的部分。在本例中，有用的部分只是灰色圆圈

我有一些大致的想法，但不知道如何实现它们

• 直接方法：使用一些降价技巧来修剪它
• 间接方法：在Python中加载此图像并使用一些Python库对其进行修剪，导出修剪后的svg图像并在md文件中使用
• 间接方法：在谷歌图形中修剪它

---

您能告诉我怎么做吗？欢迎使用任何方法。我只需要显示图像的有用部分。请注意，我有许多svg文件，有用部分可能不在图像的中心。

为了能够讨论您的路径，我在您的示例中添加了

id

s

路径

a

和

b

是相同的，它们是覆盖整个svg画布的大矩形。路径

a

不可见，因为它位于a

clipPath

内，路径

b

是透明的：

fill opacity=“0.0”

此外，路径

c

和路径

d

是相同的。您可以删除其中一个，然后将笔划和填充添加到同一路径。或者，您可以将路径

c

放在

中，并使用两次：一次用于填充，一次用于笔划（如果需要）

---

您可以删除此路径吗：

这是一个透明的路径，但您可能需要它