混合模式是否可以应用于css/javascript/canvas中的文本？

我更喜欢纯CSS，而不是Javascript。如果根本不可能，如何使用画布标记应用此效果

这里是期望的效果：它是一系列的

差异

混合模式叠加在另一个模式之上。

---

如果是这样的话，有可能在Mozilla上工作吗？

只是考虑一下可能性

就浏览器支持而言，纯CSS解决方案是参差不齐的。

过滤效果

一些浏览器支持CSS图像过滤效果

您可以使用反转过滤器来翻转黑/白

非矩形

一些浏览器支持CSS成形和/或CSS剪辑路径

可以使用这些来定义要应用反转过滤器的非矩形区域

或者

您可以有两个图像用于两种模式：黑白和黑白

您可以使用Canvas组合剪裁路径、getImageData和合成以反转颜色

您可以使用SVG绘制文本。您可以使用剪裁来隔离黑白区域和黑白区域，并使用feColorMatrix反转颜色

SVG feColorMatrix示例：

<filter id="matrix-invert">
    <feColorMatrix in="SourceGraphic" type="matrix" values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0"/>
 </filter>