根据背景动态更改汉堡包图标的颜色

Question

我正在尝试使菜单图标（固定位置）的颜色根据其背景动态变化。

此刻，它可以完美地仅在图像上使用，使用background-check.js：

    document.addEventListener('DOMContentLoaded', function () {
    // Initialize BackgroundCheck
        BackgroundCheck.init({
            targets: '.target',
            images: '.image'
        });

    // All targets
    // BackgroundCheck.refresh();
    });

问题是当图标位于section / div /其他任何元素上时。我试图将colourBrightness.js应用于此工作，但是我没有建立一个可以很好地适应动态变化的好的脚本（每次我们在网站上滚动到新的bg-color时）。

在互联网上进行了大量搜索，我也找不到其他可以正常工作的插件。有没有人有机会编写类似的代码，并且可以给我带来寻找解决方案的机会？有插件/库的建议吗？

谢谢！