2010-09-22 27 views
3

我想知道是否有人知道使用JavaScript重新着色圖像的方法。我想,只要能讀取/寫入顏色值,對圖像像素的任何類型的訪問都是可行的。它應該在Firefox中工作;如果它在IE中不起作用,那麼沒有什麼大不了的,但如果它確實有益的話。是否可以使用JavaScript重新着色圖像?

謝謝你的幫助!

回答

6

您可以使用畫布更改圖像。

有幾十個examples在線更改圖像爲灰度。不應該有任何理由,你不能改變顏色的東西不同。

+0

謝謝,我會調查這一點。 – 2010-09-23 20:23:18

2

除了Alex的答案(如:使用<canvas>,這還沒有得到廣泛的支持 - 咳嗽 IE 咳嗽),你可以使用JS將圖像切換到另一個並給予錯覺,以爲它只是相同的圖像,重新着色。如果服務器端語言支持圖像操作(例如:PHP可以使用GD),則其他圖像可以隨時可用,或者可由服務器動態創建。

+0

反正是有充分利用'data' URI方案做這樣的事情? – 2010-09-22 23:53:59

+0

但是,我認爲在'data' URI格式中操縱圖像會非常耗費處理器。 – 2010-09-22 23:57:24

+0

@Simple是的,非常。我試圖找到一個帖子,在這個帖子裏有人問到這個問題,我告訴OP向他解釋了爲什麼不能這樣做。 – NullUserException 2010-09-22 23:58:00

0

動態修改顯示圖像的常用方法是在每種顏色中都有重複的圖像,然後使用javascript或CSS將它們交換出來。

相關問題