更改圖像的色彩動態

Question

我在想，如果有可能，如果我有喜歡的圖像：

我將能夠改變的圖像顏色的某些部分。例如，如果我想讓蝴蝶結綠色和現在的紅色帶有黃色條紋，我是否必須製作一個新的圖像，或者有什麼方法可以沿着這個方向編程（優雅地）？我只是要求看看它是否可能，如果是，哪種語言最適合這樣做？

請記住，這將是一個網站上的功能。

Answer 1

這並不容易，圖像的方式。你無法告訴計算機哪部分是弓，哪部分是條紋，哪部分是盒子。但是，如果您預先爲它們着色，則可以很容易地使用GD庫或imagemagick進行顏色替換。你會用PHP來做到這一點。這裏有一些例子說明你如何做到這一點，我會親自進入imagemagick路線。

How can I replace one color with another in a png 24 alpha transparent image with GD

http://www.imagemagick.org/Usage/color_basics/#replace （這個例子中甚至有一個類似禮盒的使用情況下，嘿嘿）

Answer 2

嘗試讓您想要的部件變得更加透明。然後，使用第二種背景顏色將div設置爲懸停狀態。

Answer 3

，你可以：

• 使用索引顏色圖像和更改調色板中的顏色。

• 使用@MT的建議，雖然它有點與多種顏色和鋸齒狀區域失控。

• 挑選控制點並通過它們填充（「填充」）圖像 - 使用水桶工具的程序化版本。

• 使用@ profitphp的建議，這真是我最後一個更好的建議。

• 放棄兼容性和使用新canvas element而它仍然有「酷」的因素:)

Answer 4

我想這是一個基於Web的應用程序的繪畫;你需要一個人來告訴你這些部件是什麼，以及他們想要着色的地方。

然後問題變成如何根據用戶的要求執行flood fill。

我可以建議最好是進行顏色填充服務器端，使用圖像處理庫 - 移交回的圖像給用戶：

沒有訪問像素數據JavaScript的能力的圖像。

編輯：Performing flood fill with HTML Canvas