是否可以在父 dom 元素上使用 canvas 混合模式?
Is it possible to use canvas blend-mode over parent dom element?
我想将一个小的 canvas 元素混合到一个大的父背景元素上。我尝试了以下但没有成功:
JS:ctx.globalCompositeOperation = "overlay";
我认为 globalCompositeOperation 仅适用于 canvas 中相互绘制的元素。
CSS:background-blend-mode: overlay;
我认为 css 背景混合模式 可能 有效,但可惜不行。
我知道 canvas 元素有它自己的小世界,将它与其他 html 元素混合是在黑暗中拍摄的 - 只是想确认我没有遗漏任何东西。
也许你可以在 canvas 上绘制 "Parent background element" 然后混合?这可能有点贵,但我想这是您可以选择的少数几个选项之一。
正如 vals 在评论中指出的那样——我的问题的答案是:是的,使用 mix-blend-mode:css mix-blend-mode
我想将一个小的 canvas 元素混合到一个大的父背景元素上。我尝试了以下但没有成功:
JS:ctx.globalCompositeOperation = "overlay";
我认为 globalCompositeOperation 仅适用于 canvas 中相互绘制的元素。
CSS:background-blend-mode: overlay;
我认为 css 背景混合模式 可能 有效,但可惜不行。
我知道 canvas 元素有它自己的小世界,将它与其他 html 元素混合是在黑暗中拍摄的 - 只是想确认我没有遗漏任何东西。
也许你可以在 canvas 上绘制 "Parent background element" 然后混合?这可能有点贵,但我想这是您可以选择的少数几个选项之一。
正如 vals 在评论中指出的那样——我的问题的答案是:是的,使用 mix-blend-mode:css mix-blend-mode