實時替換圖像上的顏色

首先，我將解釋我的情況，以便您可以更好地瞭解我的問題。我正在製作HTML5應用程序。我有一個畫布，使用顏色選擇器可以更改畫布的顏色。現在我有一張我想放在畫布上的圖片，但是圖片顏色需要使用顏色選擇器進行更改。所以我需要替換這個圖片上的黑色顏色，並將其放在畫布上，以便它可以擰緊背景。實時替換圖像上的顏色

這樣看起來就像這樣：
1顏色picker-改變畫布
第二顏色選擇器的顏色 - 替換爲一個顏色選擇器中的圖像上的黑色，並把它在畫布上

現在我的問題是如何在不重新加載頁面的情況下替換圖像上的顏色。

我唯一的條件是不使用silverlight，flash，java或任何其他需要在設備上安裝第三方軟件的類似技術。

在此先感謝。如果您完全不瞭解我的查詢，請隨時提問。

來源

2010-11-28 LordShigi

的修改後的版本可以顯示你的應用程序嗎？您是否在尋找類似於http://mrdoob.com/projects/harmony的內容？ – 2010-11-28 21:00:39

沒有，我即將爲一家公司製作應用程序，以展示他們的室內設計產品如何在不同的牆面顏色上顯示。 – LordShigi 2010-11-29 15:29:43

我用JS唯一的解決辦法可能是：

Loading the image canvas元素裏面。 Look at the MDC canvas tutorial
觸發畫布上的用戶點擊獲取像素顏色（見下面的鏈接瞭解如何拿到一個像素的顏色），並期待在this answer to get the mouse position
替代畫布與所有顏色用戶選擇的那個。有關像素處理一些例子：

一些帆布實驗後，我發現大多是在所有的瀏覽器畫布的像素操作可能小圖像也會非常慢。所以，另一項實驗做可以讓像素的顏色，然後：使用AJAX調用

傳遞的顏色信息的PHP（或其他服務器端腳本）做色彩處理與圖像庫像GD或imagemagik
回報回你的形象與Ajax響應
重裝你的畫布與圖像

來源

2010-11-28 23:51:01 yuri

實時替換圖像上的顏色

回答

相關問題