javascript - 全局复合操作

我试图在循环中使用 globalCompositeOperation 传递它不同
字符串( source-atop ， source-over 等)在相同的 2D 上下文中，但我注意到
Firefox 只让我画几个形状，而 Opera 只让我画最后一个。

现在，我的问题是我可以一次只使用一个 globalCompositeOperation当前的上下文？

最佳答案

您注意到此问题的原因是浏览器不正确支持您选择的模式。浏览器之间存在一些有关 globalCompositeOperation 的问题。目前，只有几种模式可以在浏览器(Chrome/Safari/Opera/Firefox)之间正常工作而没有怪癖:

源代码

source-atop

目的地

目的地输出

打火机

xor

要了解更多信息，请查看以下链接；

http://www.rekim.com/2011/02/11/html5-canvas-globalcompositeoperation-browser-handling/

至于您的第二个问题，您一次只能使用一种模式。这是不幸的，因为“亮”和“暗”更像是“混合模式”，并且与其他一些复合模式一起使用非常有用。我很想看到这种变化。

关于javascript - 全局复合操作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3332835/