半透明点上的添加颜色

我有一个方形图标，用黑色面罩变暗。这个面罩上应该有许多点，各种颜色。这些点是有添加剂的颜色，所以当它们放在每个顶部时，它们都会变亮。结合起来，足够的这些将黑色面具变成多彩或甚至白色，揭示下面的图像。半透明点上的添加颜色

这怎么办？客户端，用canvas还是css3？服务器端，ImageMagick或其他？

它可以用“代码”完成。你列出的所有东西都是可能的。你有尝试过什么吗？你的问题是什么，或者你问别人为你写吗？ – Phrogz 2012-04-25 05:57:02

对不起，我可能已经具体了。我以前从未使用过画布，并且正在寻找某人向我展示必要的API方法 - 而不是不得不四处奔波尝试第一件事，然后再尝试。.. – 2012-04-25 13:12:32

HTML5画布+ Context Blender +屏幕模式。

或者，在链接时，使用附加的全局组合模式。

或使用ImageMagick。

或使用ChunkyPNG以及另外。

2012-04-25 05:54:27 Phrogz

看起来像一些好东西！ – 2012-04-25 13:14:30

玩过photoshop后，我想我需要用减法堆肥做一个白色的图层。这会将图像着色为黑色。在这个覆盖层变暗的地方，图像显示通过。因此，这些点需要使彼此变暗而不是变亮，并且从所需的颜色倒转。 – 2012-04-25 15:35:30

我无法使用上下文混合器 - 叠加层总是出现在图像画布下方，我不知道为什么。您可以看到源代码，但由于跨域问题而无法运行：http://jsfiddle.net/pehrlich/a47bD/2/ – 2012-04-25 16:57:58

回答