Javascript var gr={ x1:0， y1:0， x2:0， y2：图像高度， 色块：{ 0:“红色”， 1:“蓝色”， } }; img.filters.push（新建fabric.Image.filters.GradientEffect({ 梯度：gr， im

var gr={ x1:0， y1:0， x2:0， y2：图像高度， 色块：{ 0:“红色”， 1:“蓝色”， } }; img.filters.push（新建fabric.Image.filters.GradientEffect({ 梯度：gr， img:img， })); img.applyFilters（canvas.renderAll.bind（canvas））； canvas.add（img.set({ 宽度：150， 身高：150， })); }, { 交叉源：“” });

.floatLeft{
显示：内联块；
边框：2个实心#ccc；
}
.占位符{
左边距：10px；
}

当我将您的代码与我的样本T恤一起使用时，我使用了红色和绿色，但其显示效果类似于红色和黄色渐变效果。我错过什么了吗？fiddle在这里我改进了我的代码，顺便说一句，看看这个fiddle，我的样本工作就像一个符咒，似乎与你的图像样本（太多的白色。我想），尝试用深色样本，祝你好运！当我在我的样本T恤上使用你的代码时，我使用了红色和绿色，但它显示为红色和黄色渐变效果。我错过什么了吗？fiddle在这里我改进了我的代码，顺便说一句，看看这个fiddle，我的样本工作就像一个符咒，似乎与你的图像样本（太多的白色。我想），尝试用深色样本，祝你好运！