css - 是否可以在父 dom 元素上使用 Canvas 混合模式？

Question

我想将一个小的 Canvas 元素混合到一个大的父背景元素上。我尝试了以下但没有成功:

JS:ctx.globalCompositeOperation = "overlay";

我相信 globalCompositeOperation 仅适用于在 Canvas 中相互绘制的元素。

CSS:background-blend-mode: overlay;

我认为 css background-blend-mode 可能有效，但可惜不行。

我知道 canvas 元素在它自己的小世界中，将它与其他 html 元素混合是在黑暗中拍摄的 - 只是想确认我没有遗漏任何东西。

Answer 1

也许你可以在 Canvas 上绘制“父背景元素”然后混合？这可能有点贵，但我想这是您拥有的为数不多的选择之一。