如何反转 SVG 标志的颜色？

Question

我有一个白色背景上的黑色徽标 (logotype.svg) 和一个带有黑色覆盖层的汉堡菜单。当叠加层处于活动状态时，如何将我的徽标反转为白色？ 所以我只需要在菜单处于活动状态时为类 "logo" 应用这个-webkit-filter: invert(100%)。

这里是菜单代码：

var burgerMenu = document.getElementById('burger-menu');
var overlay = document.getElementById('menu');
burgerMenu.addEventListener('click',function(){
  this.classList.toggle("close");
  overlay.classList.toggle("overlay");
});

Answer 1

使用 css 中的代码使用 javascrite 代码反转颜色。您可以轻松解决您的问题 。普通的 {过滤器：反转（0％） } 。倒 {过滤器：反转（%100）}