javascript - SVG 过滤器关闭我的 CSS 过滤器。为什么？

Question

浏览我的页面，这行代码关闭了我的 SVG 过滤器：

if (document.getElementById("cPreview") != null) document.getElementById("cPreview").style.filter =  "brightness(" + parseInt(percentB) + "%)" + " contrast(" + parseInt(percentC) + "%)" +  " saturate(" + parseInt(percentS) + "%)";  

如果我向其中添加 SVG 代码，我的 CSS 过滤器将被关闭：

if (document.getElementById("cPreview") != null) document.getElementById("cPreview").style.filter = svgCOLOR + "brightness(" + parseInt(percentB) + "%)" + " contrast(" + parseInt(percentC) + "%)" +  " saturate(" + parseInt(percentS) + "%)";  

我该如何编码，以便 SVG 过滤器和 CSS 过滤器可以很好地协同工作？

谢谢

---

有人问了一个例子。这是原始图像：

这是应用了 CSS 过滤器的图像：

这是应用了 SVG 过滤器的图像：

这是应用了所有过滤器的图像。我不得不在照片编辑器中进行此操作，因为那一行代码不起作用。这一切都归结为上面发布的那一行代码。我可以让 CSS 工作，或者让 SVG 工作，但我不能让两者一起工作。谢谢

标签： javascriptcsssvgfilter