Основы›Фон

Фон

WebGL не может прочитать пиксели страницы, поэтому стеклу надо сказать, что за ним.

Автоматически

По умолчанию стекло смотрит под себя и берёт ближайший <img>, <video>, <canvas>, фон CSS url() или сплошной цвет.

Вручную

<edinstvo-glass source="#scene"></edinstvo-glass>

glass.source = canvas;
glass.invalidate();

Если фон меняется

Видео обновляется само. Если рисуете на canvas, вызовите invalidate() после рисования или добавьте live, чтобы перерисовывать каждый кадр.

Когда фон не читается

Если стекло выглядит плоским, оно нашло только сплошной цвет. Положите под него картинку, видео или canvas, или передайте их через source.

Если оно превратилось в обычное размытие, это запасной вид на CSS. Либо выключен WebGL, либо картинка с другого домена без CORS. Причина написана в консоли браузера.