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

[Anonymous]

В новом макете 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

Подробнее здесь: https://stackoverflow.com/questions/858 ... javascript