title: Draw image with transparency multiplied by a color using HTML5 Canvas
body: <p>I need to draw an image with transparency multiplied by a color.
  The only way I found is to prepare an image multiplied by color in off-screen canvas like this:</p>
  
  <pre><code>ctx.globalCompositeOperation = "copy"; // copy pixel-to-pixel source image
  ctx.drawImage(image, ...);
  ctx.globalCompositeOperation = "multiply"; // multiply it by red color
  ctx.fillStyle = "#FF0000"; 
  ctx.fillRect(...);
  ctx.globalCompositeOperation = "destination-atop"; // restore transparency
  ctx.drawImage(image, ...);
  </code></pre>
  
  <p>and then draw it to necessary canvas.</p>
  
  <p>Is there a better (faster) way to do the same?</p>