Question

我已经使用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

Answer 1

也许此链接可能有助于它使用与您使用的相同技术

link to solution

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

1 个答案: