title: HTML5 Canvas - Filling a shape with random pixel colors?
body: <p>I have a shape, let's say:</p>
  
  <pre><code>var context = canvas.getContext();
  context.beginPath();
  context.moveTo(200, 50);
  context.lineTo(420, 80);
  context.quadraticCurveTo(300, 100, 260, 170);
  context.closePath();
  canvas.fillStroke(this);
  </code></pre>
  
  <p>The shape will likely be different every time.</p>
  
  <p>I have 10 gradients of blue and would like to randomly paint pixels contained within the shape as time goes on.</p>
  
  <hr>
  
  <p>I have no idea how to even get the list of pixels contained within the shape, so that I could edit these.</p>
  
  <p>Also I reckon that it may be a performance hit to redraw this each frame.</p>
  
  <hr>
  
  <p>Any ideas how I would go on about this? Thanks! :) </p>