如何反转SVG徽标的颜色？

Question

我在白色背景上有一个黑色徽标（logotype.svg），并且汉堡菜单带有黑色覆盖层。覆盖层处于活动状态时，如何将徽标转换为白色？ 因此，只有在菜单处于活动状态时，我才需要将此-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代码反转颜色。您可以轻松解决问题 。正常 {filter：invert（0％） } 。倒 {filter：invert（％100）}