title: HTML5 Canvas blendmode
body: <p>I'm new to HTML5 canvas and I want to reproduce the result of <code>BlendMode.ADD</code> in ActionScript 3.</p>
  
  <p>According to the documentation, here's what <code>BlendMode.ADD</code> does:</p>
  
  <blockquote>
    <p>Adds the values of the constituent colors of the display object to the
    colors of its background, applying a ceiling of 0xFF. This setting is
    commonly used for animating a lightening dissolve between two objects.</p>
    
    <p>For example, if the display object has a pixel with an RGB value of
    0xAAA633, and the background pixel has an RGB value of 0xDD2200, the
    resulting RGB value for the displayed pixel is 0xFFC833 (because 0xAA
    + 0xDD > 0xFF, 0xA6 + 0x22 = 0xC8, and 0x33 + 0x00 = 0x33).</p>
  </blockquote>
  
  <p><strong>Source:</strong> <a href="http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/BlendMode.html#ADD" rel="nofollow noreferrer">http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/display/BlendMode.html#ADD</a></p>
  
  <p>How can I do the same thing to an image in <strong>HTML5 Canvas</strong>?</p>