半透明點上的添加顏色

我有一個方形圖標，用黑色面罩變暗。這個面罩上應該有許多點，各種顏色。這些點是有添加劑的顏色，所以當它們放在每個頂部時，它們都會變亮。結合起來，足夠的這些將黑色面具變成多彩或甚至白色，揭示下面的圖像。半透明點上的添加顏色

這怎麼辦？客戶端，用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

回答