Простой способ зеркального отражения изображения на канвасе (HTML5)
Нашел в Интернете простой способ создания зеркального отражения картинок на канвасе (HTML5). В отличие от известных плагинов jQuery, этот способ сохраняет в файле изображение вместе с его зеркальным отражением.
Немного изменил его и написал on-line приложение 'Зеркало'.
Интересным в данном способе является создание зеркального отражения исходной картинки применением преобразований трансформации канваса.
Не менее интересен и способ создания полупрозрачного градиента отраженного изображения наложением градиентно-окрашенного прямоугольника при помощи операций композиции.
Больше о зеркальном отражении (яваскрипт код, примеры картинок) и о многом другом в блоге "Компьютерные штучки" сайта "Разные разности" - http://www.pro-raznoe.ru/compyternie_shtuchki.html
Нашел в Интернете простой способ создания зеркального отражения картинок на канвасе (HTML5). В отличие от известных плагинов jQuery, этот способ сохраняет в файле изображение вместе с его зеркальным отражением.
Немного изменил его и написал on-line приложение 'Зеркало'.
Интересным в данном способе является создание зеркального отражения исходной картинки применением преобразований трансформации канваса.
Не менее интересен и способ создания полупрозрачного градиента отраженного изображения наложением градиентно-окрашенного прямоугольника при помощи операций композиции.
Больше о зеркальном отражении (яваскрипт код, примеры картинок) и о многом другом в блоге "Компьютерные штучки" сайта "Разные разности" - http://www.pro-raznoe.ru/compyternie_shtuchki.html
Комментариев нет:
Отправить комментарий