title: A way to create random-noise background image (png) with javascript?
body: <p>The new layout of YouTube added a background random-noise which I like very much, having seen almost exactely the same effect on other sites, so I plan to use the same technique in my webpage prototypes, or at least have this "trick" in my toolbox for future use.</p>
  
  <p>The image is like this (taken from <a href="http://g.raphaeljs.com/barchart.html" rel="nofollow noreferrer">http://g.raphaeljs.com/barchart.html</a>):</p>
  
  <p><img src="https://i.stack.imgur.com/EL4Cz.png" alt="enter image description here"></p>
  
  <p>Now Youtube accomplishes the (embarrassingly identical) same effect by embedding the image in source code:</p>
  
  <p>(on Youtube main page, right click background to display it, then right click the image and "display image properties" [ffox]):</p>
  
  <pre><code>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAACVCAAAAAB0....lotsofdata
  </code></pre>
  
  <p>I tried to discover where this line of code is in the source code, but due to the dynamic creation, I couldn't.</p>
  
  <p>So, my question is:
  "Is there a way to apply a tiled background to a page, using a png image generated algorithmically CLIENT-SIDE?" (preferrably with javascript)</p>
  
  <p>I am very beginner in webdev and javascript, but I like to base my learning around defined problems to be solved, so this would be a nice way to learn something</p>
  
  <p>Thanks for reading!</p>
  
  <p>UPDATE:</p>
  
  <p>For anyone interested in tile texture generation using javascript, I found this, which seems very interesting:</p>
  
  <p><a href="http://somethinghitme.com/projects/canvasterrain/" rel="nofollow noreferrer">http://somethinghitme.com/projects/canvasterrain/</a></p>
  
  <p><a href="http://somethinghitme.com/projects/canvasterrain/js/canvasTerrain.js" rel="nofollow noreferrer">http://somethinghitme.com/projects/canvasterrain/js/canvasTerrain.js</a></p>