Javascript 更改图像设计颜色织物js

我必须更改活动对象图像颜色当前我的t恤颜色正在更改，但当我在其上添加设计时，我无法更改的颜色

更改T恤颜色的我的代码：

//setup front side canvas
canvas = new fabric.Canvas('tcanvas', {
    hoverCursor: 'pointer',
    selection: true,
    selectionBorderColor: 'blue'
});
canvas.on({
    'object:moving': function(e) {
        e.target.opacity = 0.5;
    },
    'object:modified': function(e) {
        e.target.opacity = 1;
    },
    'object:selected': onObjectSelected,
    'selection:cleared': onSelectedCleared
});
$('.color-preview').click(function(){
    var color = $(this).css("background-color");
    document.getElementById("shirtDiv").style.backgroundColor = color;
    $('.shirtDivs').css('background-color',color);
});

在这里，我尝试改变设计颜色

$('#image-color').miniColors({
    change: function(hex, rgb) {
        var activeObject = canvas.getActiveObject();
        if (activeObject && activeObject.type === 'image') {
            activeObject.fill = this.value;
            canvas.renderAll();

        }
    },
    open: function(hex, rgb) {

    },
    close: function(hex, rgb) {

    }
});

---

@user3810894-我猜你要问的是如何在你的演示中改变图案图案的背景色

它不采用衬衫背景颜色的原因是因为gravatar的背景颜色为白色且不透明

而不是

如果要拍摄这些图像并清除背景，然后将其重新保存为具有透明度的PNG，那么当您将其覆盖时，它将呈现衬衫的颜色

如果你想改变头像的背景颜色，而不是衬衫的颜色，那么你也要做同样的事情——让背景透明，然后用CSS给它一个背景颜色，就像演示中衬衫的背景颜色一样

衬衫会更改颜色，因为它只是衬衫的透明图像，阴影使用不同的透明度

所以在本质上，你也可以对你的雕刻师图像进行处理

---

希望这对其他人有所帮助。

这是您提供的演示，还是其他人的？