ЖЕЛЕЗО
СОФТ
ИГРЫ
IT-БИЗНЕС
ИНТЕРНЕТ
ТЕХНОЛОГИИ
ГАДЖЕТЫ
БУДУЩЕЕ
L
I
V
E
!
НОВОСТИ
СТАТЬИ
БЛОГИ
за неделю
неделю назад
2 недели назад
за месяц
ФАЙЛЫ
ПРЕСС-РЕЛИЗЫ
10:00
Как убрать программу из автозагрузки (отключить автозапуск)?
10:51
Точное определение региона по GPS координатам
10:51
Планирование сертификата для Exchange
10:58
Препарирование стартапа
11:19
Вебинары по QML и QtQuick: Списки. Модели и представления
09:57
Lake.js: плагин к jQuery для отражения иллюстраций как бы в воде озера
08:51
Redmine. Настраиваем jabber-оповещения за 5 минут
07:25
YubiHSM – безопасное хранение криптографических ключей
06:41
История одного автора
05:41
Гость из 90-х, ноут Fujitsu Milan
02:55
Идея удобного перемещения курсора и выделения для мобильных интерфейсов
Lake.js: плагин к jQuery для отражения иллюстраций как бы в воде озера
04.05.2012 09:57
Хабы: jQuery, Canvas
Стал известен скрипт
lake.js
— плагин jQuery, который берёт иллюстрацию (элемент
) и помещает её на холст (вставляет элемент
), располагая сразу под нею зеркальное отражение, идущее волнами — будто в воде озера.
Речь идёт не о застывших волнах, а об идущих по воде волнах — их фаза динамически изменяется джаваскриптом. (Понятно, что на Хабрахабре этот эффект не воспроизводим, так что я вставляю статический скриншот.)
Холст имеет ту же ширину, что и обрабатываемая иллюстрация, и вдвое бóльшую высоту.
Вызов плагина выглядит сравнительно просто и самоочевидно:
...
Читать дальше →
©
Habrahabr.ru