¿Una forma de crear una imagen de fondo de ruido aleatorio (png) con javascript?

El nuevo diseño de YouTube agregó un ruido de fondo aleatorio que me gusta mucho, ya que he visto casi exactamente el mismo efecto en otros sitios, por lo que planeo usar la misma técnica en los prototipos de mi página web, o al menos tener este "truco" en mi caja de herramientas para uso futuro.

La imagen es así (tomada dehttp: //g.raphaeljs.com/barchart.htm):

Now Youtube logra el mismo efecto (vergonzosamente idéntico) al incrustar la imagen en el código fuente:

(en la página principal de YouTube, haga clic con el botón derecho en el fondo para mostrarlo, luego haga clic con el botón derecho en la imagen y "mostrar propiedades de imagen" [ffox]):

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAACVCAAAAAB0....lotsofdata

ntenté descubrir dónde está esta línea de código en el código fuente, pero debido a la creación dinámica, no pude.

Entonces, mi pregunta es: "¿Hay alguna manera de aplicar un fondo en mosaico a una página, usando una imagen png generada algorítmicamente POR EL CLIENTE?" (preferiblemente con javascript)

Soy muy principiante en webdev y javascript, pero me gusta basar mi aprendizaje en los problemas definidos que hay que resolver, por lo que esta sería una buena manera de aprender algo

¡Gracias por leer

ACTUALIZAR

Para cualquier persona interesada en la generación de textura de mosaico usando javascript, encontré esto, que parece muy interesante:

http: //somethinghitme.com/projects/canvasterrain

http: //somethinghitme.com/projects/canvasterrain/js/canvas Terraz.j

Respuestas a la pregunta(8)

Su respuesta a la pregunta