title: HTML5 Canvas blending & IE / Edge
body: <p>I'm working on a project that makes use of Canvas blending - of course, IE/Edge still don't support blending modes. Some simplified code (<a href="https://jsfiddle.net/78xwp8c3/5/" rel="nofollow noreferrer">fiddle here</a>) that shows the issue:</p>
  
  <pre><code>&lt;canvas id="below" width="100" height="100"&gt;&lt;/canvas&gt;
  &lt;canvas id="texture" width="100" height="100"&gt;&lt;/canvas&gt; 
  &lt;canvas id="composite" width="100" height="100" style="z-index:1x solid green;"&gt;&lt;/canvas&gt;
  
  var can = document.getElementById('below');
  var below = can.getContext('2d');
  below.fillStyle = "#FF0000";
  below.fillRect(0,0,512,512);
  var can2 = document.getElementById('texture');
  var texture = can2.getContext('2d');
  
  var img = new Image;
  img.onload = function(){
      texture.drawImage(img,0,0);
      var can3 = document.getElementById('composite');
      var composite = can3.getContext('2d');
      composite.globalCompositeOperation = "multiply";
      composite.drawImage(can, 0, 0);
      composite.drawImage(can2, 0, 0);
  };
  img.src = "http://i.imgur.com/DGuWpEg.png";
  </code></pre>
  
  <p>I came across <a href="https://stackoverflow.com/questions/25158696/blend-modemultiply-in-internet-explorer">this thread</a> which seems to have a workaround, but I'm not quite sure how to properly implement it.  Any pointers would be appreciated.</p>