Scrawl.js - demonstration 078

Global composite operations

Extensions: block, wheel, phrase, images

  1. Red circle is painted first onto a clean canvas - it is the 'destination'.
  2. Blue brick is then painted on the canvas. Its .globalCompositeOperation attribute is changed for each test. It is the 'source'.
  3. Different browsers render some of the tests in different ways (especially the CSS/SVG blending modes - from 'normal' to 'luminosity').

Scenario: ???


  1. ???

Known browser issues: ???

Result images:

image of expected test result