阅读量:0
在SVG中使用CSS filter，可以通过在SVG元素的style属性中使用CSS的filter属性来实现。例如，可以在SVG的<rect>元素中添加一个style属性，并在其中设置filter属性来应用一个滤镜效果：
<svg width="100" height="100"> <rect x="10" y="10" width="80" height="80" style="filter: blur(5px);"/> </svg> 上面的示例中，我们在一个矩形元素中应用了一个模糊滤镜效果。你可以在style属性中使用任何CSS的滤镜效果来改变SVG元素的外观。需要注意的是，并非所有的CSS滤镜效果都适用于SVG元素，具体适用的效果可以参考MDN的文档：https://developer.mozilla.org/en-US/docs/Web/CSS/filter
另外，也可以通过在外部的CSS文件中定义一个滤镜效果，并在SVG元素中引用该滤镜效果的方式来使用CSS filter。示例代码如下：
<style> .blur-filter { filter: blur(5px); } </style> <svg width="100" height="100"> <rect x="10" y="10" width="80" height="80" class="blur-filter"/> </svg> 上面的示例中，我们在外部的CSS文件中定义了一个名为blur-filter的类，该类应用了一个模糊滤镜效果。然后，在SVG元素的class属性中引用该类来应用滤镜效果。
