среда, 24 февраля 2016 г.

Простой способ зеркального отражения изображения на канвасе (HTML5)

Нашел в Интернете простой способ создания зеркального отражения картинок на канвасе (HTML5). В отличие от известных плагинов jQuery, этот способ сохраняет в файле изображение вместе с его зеркальным отражением.
Немного изменил его и написал on-line приложение 'Зеркало'.
Интересным в данном способе является создание зеркального отражения исходной картинки применением преобразований трансформации канваса.
Не менее интересен и способ создания полупрозрачного градиента отраженного изображения наложением градиентно-окрашенного прямоугольника при помощи операций композиции.

Больше о зеркальном отражении (яваскрипт код, примеры картинок) и о многом другом в блоге "Компьютерные штучки" сайта "Разные разности" - http://www.pro-raznoe.ru/compyternie_shtuchki.html

Комментариев нет:

Отправить комментарий