如何在画布中查找和替换图像的颜色？答案

【问题标题】：How to find and replace color in canvas for image?如何在画布中查找和替换图像的颜色？
【发布时间】：2019-12-08 14:19:42
【问题描述】：

我使用了 fabric js 并设置了一个带有背景图像的画布。现在我想改变我在画布背景中设置的图像颜色。例如具有 3 种不同颜色的图像。但我只想更改一种颜色区域并反转另一种颜色。

画布可以吗？如何？如果有人知道请帮助我

我在画布和 javascripts 中的学习水平。

我的代码在这里。

var canvas = new fabric.Canvas('imagesection');
jQuery(document).ready(function(){
   $('a').click(function(){
      getImagebg();
   });
});

function getImagebg()
{
   var source = $('a.view-link.active').attr('data-src');  
   var image = new Image();
   image.onload = function () { 
     canvas.setWidth(image.width);
     canvas.setHeight(image.height);
     canvas.setBackgroundImage(f_img);
     canvas.renderAll();
     var f_img = new fabric.Image(image);
     canvas.setBackgroundImage(f_img);
     canvas.renderAll();
  }
  image.src = source;
}

/*For Change Color of image section*/
$('#colorchange').click(function(){
   ChangeColor();
});
function ChangeColor(){
  /*Change Color code sholud be like this.*/
}

旧的 Before change colors 新的 After change color

【问题讨论】：

对于“是否可能”，答案是“是”。但是，如果您想问我们这怎么可能，请通过提供代码等告诉我们您是如何做到这一点的
你试过canvas的fillStyle属性吗？
@AnsBilal 我试过这样：link
您能否创建您的小提琴代码，以便我们可以在那里查看和测试您的代码

标签： javascript html css canvas colors

【解决方案1】：

也许这个链接可能有助于它使用您正在使用的相同技术

link to solution

【讨论】：