是否可以在父dom元素上使用canvas blend-mode?

时间:2015-10-01 16:21:16

标签: css canvas blending

我想在一个大的父背景元素上混合一个小的画布元素。我没有成功地尝试以下方法:

JS:ctx.globalCompositeOperation = "overlay";

我相信globalCompositeOperation仅适用于画布上相互绘制的元素。

CSS:background-blend-mode: overlay;

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

我理解画布元素在它自己的小世界中,并且将它与其他html元素混合在黑暗中是一个镜头 - 只是想确认我没有遗漏任何东西。

2 个答案:

答案 0 :(得分:1)

也许你可以画出"父背景元素"在画布上然后混合?这可能有点贵,但它是我猜的少数选项之一。

答案 1 :(得分:1)

正如vals在评论中指出的那样 - 我的问题的答案是:是的,使用mix-blend-mode:self-answer