Способ создания фонового изображения со случайным шумом (png) с помощью javascript?

В новом макете YouTube добавлен фоновый случайный шум, который мне очень нравится, поскольку я видел почти такой же эффект на других сайтах, поэтому я планирую использовать та же техника в моих прототипах веб-страниц, или, по крайней мере, есть этот "трюк" в моем наборе инструментов для будущего использования.

Изображение выглядит следующим образом (взято из http://g.raphaeljs.com/barchart.html ):

Теперь Youtube выполняет (до стыда идентичный) тот же эффект, вставляя изображение в исходный код:

(на главной странице Youtube щелкните правой кнопкой мыши фон, чтобы отобразить его, затем щелкните правой кнопкой мыши изображение и "отобразите свойства изображения" [ffox]):

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

Я попытался выяснить, где эта строка кода находится в исходный код, но из-за динамического создания я не смог.

Итак, мой вопрос: «Есть ли способ применить мозаичный фон к странице, используя изображение png, сгенерированное алгоритмически НА СТОРОНЕ КЛИЕНТА?» (желательно с javascript)

Я очень новичок в веб-разработке и javascript, но мне нравится основывать свое обучение на определенных проблемах, которые нужно решить, так что это был бы хороший способ чему-то научиться

Спасибо за чтение!

ОБНОВЛЕНИЕ:

Для всех, кто интересуется генерацией текстуры плитки с помощью javascript, я нашел это, что кажется очень интересным:

http://somethinghitme.com/projects/canvasterrain/

http: // somethinghitme .com / projects / canvasterrain / js / canvasTerrain.js