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

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

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

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

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

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

Варианты fillStyle

Варианты fillStyle

Вместо color в f illStyle мы могли бы использовать Canvas-Gradient или Canvas Pat tern. Мы создаем CanvasPattern вызывая метод createPattern. Ему передаются два параметра: изображение, которое создает паттерн, и способ репликации этого изображения. Последний задается строковым параметром, который может принимать те же значения, что и в CSS: repeat, repeat-x, repeat-y и no-repeat. Давайте заменим наш полупрозрачный прямоугольник паттерном с изображением велосипедиста. Сначала мы должны создать объект Image и в свойстве src указать наше изображение:

Варианты fillStyle

Задание атрибута src указывает браузеру, что необходимо начать загрузку изображения; но если мы попробуем сразу использовать его для создания паттерна, мы столкнемся с проблемами, поскольку изображение еще не загружено до конца. Поэтому мы должны применить свойство onload, чтобы паттерн формировался только после полной загрузки изображения:

Варианты fillStyle

В обработчике события onload мы вызываем метод createPat-tern, передавая ему в качестве аргумента объект изображения и строку, обозначающую выбранный способ репликации (по осям X и Y). Результат мы сохраняем в переменной pattern, которая будет аргументом функции fillStyle:

Варианты fillStyle

Варианты fillStyle

Читайте так же:
Not found

Нам доверяют

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