2012-06-04 30 views
2

我已經在這裏看到了一些關於這方面的問題,但沒有一個提供了很好的答案。可以使用javascript更改圖像調色板?

我需要的是一個JavaScript(或者某種使用PHP/Apache的插件),它可以找到圖像中的顏色並用自定義調色板中最接近的顏色代替它們,在我的情況下爲NES palette。如何才能做到這一點?

+0

看起來您將不得不直接操作圖像數據。請參閱:http://stackoverflow.com/questions/7785072/modulate-colors-with-drawimage-on-html5-canvas和http://stackoverflow.com/questions/667045/getpixel-from-html-canvas –

+0

這是你在尋找什麼http://stackoverflow.com/questions/3914203/javascript-filter-image-color – Swarne27

+0

你看過'CANVAS'標籤和'imageData' API嗎? – rxgx

回答

2

是的,它可以使用JavaScript來完成,通過以下步驟:

  1. 負載的圖像分割成畫布
  2. 獲得圖象 - (這是RGBA值的每個像素的陣列)
  3. 循環遍歷數組並將rgba值轉換爲十六進制值
  4. 將結果顏色轉換爲調色板中最接近的顏色
  5. 將新顏色轉換回rgba值
  6. 將新的imagedata數組恢復到畫布
相關問題