实时替换图像上的颜色

首先，我将解释我的情况，以便您可以更好地了解我的问题。我正在制作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

实时替换图像上的颜色

回答

相关问题