我想在一个大的父背景元素上混合一个小的画布元素。我没有成功地尝试以下方法:
JS:ctx.globalCompositeOperation = "overlay";
我相信globalCompositeOperation仅适用于画布上相互绘制的元素。
CSS:background-blend-mode: overlay;
我认为css background-blend-mode 可能有效,但不行。
我理解画布元素在它自己的小世界中,并且将它与其他html元素混合在黑暗中是一个镜头 - 只是想确认我没有遗漏任何东西。
答案 0 :(得分:1)
也许你可以画出"父背景元素"在画布上然后混合?这可能有点贵,但它是我猜的少数选项之一。
答案 1 :(得分:1)
正如vals在评论中指出的那样 - 我的问题的答案是:是的,使用mix-blend-mode:self-answer