根据其下的颜色反转图像

Question

我有一个掩码（PNG），我想要反转它下面的颜色。这是一个浮动菜单。我不希望它一下子全部反转，只是当它根据它下面的部件反转部件时。是否有可能或者我还需要做其他事情吗？

实施例： 页面的一半是黑色，一半是白色。图像超过了这两个半部分。我希望图像反转它下面的内容，以便您可以看到图像

示例：

我在Google上搜索并没有发现任何内容。

Answer 1

您所描述的是XNOR操作：

示例1：

Black: #000000
Black: #000000

Result == Black `xnor` Black
       == Black ^ ~Black
       == #000000 ^ #ffffff
       == #ffffff
       == White

示例2：

Red:   #ff0000
Black: #000000

Result == Red `xnor` Black
       == Red ^ ~Black
       == #ff0000 ^ #ffffff
       == #00ffff
       == Cyan

Answer 2

我几个月前曾为某个网站做过类似的事情，我告诉你，这真的很痛苦...... 如果你看一下http://www.pixastic.com/lib/docs/，你可能会发现一些适合你的东西，但需要大量的推文才能让它正常工作

这个.js会将您的png转换为画布图像，您可以用它动态修改颜色