Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Анонимные функции

Анонимные функции

Возможно, вы задаете себе вопрос: что это за выражение function в нашем листинге стоит прямо перед вызовом img. onload? Это анонимная функция. Анонимные функции похожи на обычные, за одним исключением: у них нет имен. Если вы видите анонимную функцию в слушателе событий, это значит, что данная функция с ним связана. Другими словами, код внутри анонимной функции будет выполняться тогда, когда запущен обработчик этого события. Теперь наш прямоугольник заполнен паттерном с изображением велосипедиста, как показано на рис. 11.4.

Анонимные функции

Рис. 11.4. Паттерн заполняет холст

В качестве заливки мы также можем использовать функцию CanvasGradient. Чтобы создать CanvasGradient, мы вызываем один из двух методов: createLinearGradient (хО, уО, xl, yl) или createRadialGradient (хО, уО, rO, xl, yl, rl);, а затем добавляем одну или несколько ключевых точек хО и уО — исходная точка, a xl и yl — конечная. Чтобы создать градиент, который начинается от верхней границы холста и спускается к нижней границе, возмем в качестве исходной точку с координатами (0, 0), а в качестве конечной — точку на 200 пикселов ниже (0, 200):

Анонимные функции

Далее необходимо задать ключевые точки. Для этого существует простой метод addColorStop (offset, color), где offset — смещение относительно исходной точки, a color — цвет. Значение смещения — число от 0 до 1.0 соответствует исходной точке, а 1 — конечной. Цвет — строка, которая, как и в случае f illStyle, может быть английским названием цвета, его шестнадцатеричным значением или записью в формате rgb() или rgba(). Чтобы сделать градиент, который в верхней части полностью синий, а от середины начнет сменяться белым, нужно указать ключевую точку синего цвета со смещением 0,5, и белую точку со смещением 1:

Анонимные функции

На рис. 11.5 вы видите результат применения CanvasGradient.

Анонимные функции

Рис. 11.5. Создание линейного градиента при помощи Canvas


[sape]
Читайте так же:
Not found

Нам доверяют

Интернет магазин