如何在画布中为特定绘制对象应用多重混合模式以获得混合混合模式效果

Question

我有一个场景，一个包含4个对象的画布：

1. 上衣=白色T恤
2. 中间=你好文字和花卉艺术品
3. Bottom =红色T恤

我想在Top T恤上运用倍增效果，我正在使用：

    context.globalCompositeOperation = 'multiply';

但它适用于所有对象。请检查 my fiddle 。

在左上角的css效果和底部画布效果中，我希望画布效果为css效果。

在CSS中，我用混合混合模式乘法实现了这一点。正如你可以在小提琴中看到的那样，白色的颜色并没有在画布中显示出来，因为多次应用于所有对象我不知道为什么。

如果你有更好的解决方案，请告诉我。 问候。