Comments on: html5 canvas globalCompositeOperation browser handling

By: Adam A

Adam A — Wed, 06 Jun 2012 20:21:32 +0000

All browsers render consistently now, except for ‘darker’ which has been removed from the spec( chrome still renders darker, for legacy reasons I think). Checked on windows for chrome 19, firefox 13, opera 11

By: admin

admin — Sat, 07 Apr 2012 23:53:18 +0000

Thanks Daniel, strangely enough I was thinking about how it needed updating yesterday. I’ll see if I can retest everything in the next few days.
Thanks for the info.
Mike

By: Daniel Carlsson

Daniel Carlsson — Sat, 07 Apr 2012 23:12:48 +0000

Seeing as this is over a year old article, things are of course different now. However this still comes up in searches and such, so a slight update:

Chrome handles all modes properly now (at least since v18).

By: vishal gurnaney

vishal gurnaney — Fri, 08 Jul 2011 09:46:13 +0000

As, mentioned above, i just verified the “copy” composition. Its same for both firefox 4.0.1 and opera 11.5.
So should we assume that firefox copy works properly or we should say opera is also displaying incorrectly. Irrespective of the browser what should be the correct output?

By: globalCompositeOperation » Example Codes

globalCompositeOperation » Example Codes — Sun, 19 Jun 2011 13:00:58 +0000

[...] There is missing support for GCO modes between browsers that needs to be sorted out. Currently, six-modes work without fail across browsers (IE9, Chrome, Safari, Firefox, and Opera): source-over, source-atop,-over, destination-out, lighter, and xor. For a more detailed report on which browsers support what check out Mike Rekim’s report. [...]

By: Michael Deal

Michael Deal — Sun, 15 May 2011 18:54:40 +0000

Nice work, thanks for keeping this up to date! It’s interesting to note that sometimes one GCO mode can be used in exchange or another; for instance, I’ve used XOR to emulate SOURCE-OUT—the trick is to mask out the extra stuff that makes up DESTINATION-OUT. It’s unfortunate, but it does work

btw, something that might be interesting to your readers, I’ve created an updated version of the Mozilla test, that checks against multiple levels of opacity and through a large portion of the color spectrum—to provide in larger detail whats going on behind the scenes;

http://mudcu.be/journal/2011/04/gco-chart-remix/

Cheers!