第9天：如何在SVG中使用clip-path

这个装饰品和我们第一天画的一样，只是它的侧面有一个被定义为折线的图案。默认情况下，多段线与圆形的边不匹配。如果不剪裁此图案，其外观将如下所示：

我们在这里使用剪辑路径，以确保装饰图案完全适合装饰品。clip-path在definitions部分定义。

这里我们定义了一个带有ID的 clipPath 。这个clip-path的内容是一个与我们的装饰大小相匹配的圆。然后，我们使用它来裁剪对象，通过设置其 clip-path 属性。