【发布时间】：2015-10-06 08:29:06
【问题描述】：
我想将一个小的画布元素混合到一个大的父背景元素上。我尝试了以下方法但没有成功：
JS:ctx.globalCompositeOperation = "overlay";
我相信 globalCompositeOperation 仅适用于画布中相互绘制的元素。
CSS:background-blend-mode: overlay;
我认为 css background-blend-mode 可能可以工作，但可惜没有。
我知道 canvas 元素在它自己的小世界中，将它与其他 html 元素混合是在黑暗中的一个镜头 - 只是想确认我没有遗漏任何东西。
【问题讨论】：
-
你试过 CSS mix-blend-mode 吗？
-
@vals 哇！这就是为什么我在这里发帖以防万一-让我大吃一惊。是的，混合混合模式回答了这个问题。如果你想让它正式，我会接受;)