title: Javascript Canvas Alpha not working on Firefox
body: <p>I am attempting to draw a circle with a radial gradient on a canvas and apply an alpha to it. It works well on chrome, however it does not seem to work on firefox. Here is a fiddle: <a href="http://jsfiddle.net/1m4wbdgc/" rel="nofollow noreferrer">http://jsfiddle.net/1m4wbdgc/</a></p>
  <p>Here is the code:</p>
  <pre><code>context.globalAlpha = 0.2;
  var gradient = context.createRadialGradient(x, y, radius / 2, x, y,
              radius);
  gradient.addColorStop(0, '#525455');
  gradient.addColorStop(1, '#202d33');
  context.beginPath();
  context.arc(x, y, radius, 0, 2 * Math.PI);
  context.closePath();
  context.fillStyle = gradient;
  context.fill();
  </code></pre>
  <p>Why is the alpha not working on firefox?</p>
  <p>Here is a screenshot from Firefox:
  <a href="https://i.stack.imgur.com/gw90d.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gw90d.png" alt="enter image description here" /></a></p>
  <p>As you can see, the alpha is not working correctly.
  My Firefox version is: 41.0.2</p>