Свойства API Canvas (Холст)

Свойства API Canvas (Холст).

Далее перечислены свойства, входящие только в API Canvas (Холст):

- strokeStyle. Определяет цвет линий фигур. Может принимать любые значения, поддерживаемые CSS, включая такие функции, как rgb() и rgba();

- fillStyle. Определяет цвет заливки сплошных фигур. Может принимать любые значения, поддерживаемые CSS, включая такие функции, как rgb() и rgba(). Также используется для привязки к фигурам градиентов и узоров (эти стили сначала сохраняются в переменной, а затем переменная связывается с данным свойством, как любой другой цвет);

- globalAlpha. Позволяет задать уровень прозрачности любой фигуры. Принимает значения от 0,0 (полностью непрозрачный) до 1,0 (абсолютно прозрачный);

- lineWidth. Устанавливает толщину линии. Значение по умолчанию 1,0;

- lineCap. Определяет форму окончания линий. Существует три возможных значения: butt (обычное окончание), round (полукруглое окончание) и square (квадратное окончание);

- lineJoin. Определяет форму соединения двух линий. Может принимать одно из трех значений: round (скругленное соединение), bevel (срезанное соединение) и miter (вытянутое соединение — линии сходятся в одну точку);

- miterLimit. Принимает числовое значение, указывающее, как сильно будет вытягиваться соединение двух линий в случае, когда свойству lineJoin присвоено значение miter;

- font. Аналогично свойству font из CSS и принимает те же значения для определения стилей текста;

- textAlign. Определяет способ выравнивания текста. Возможные значения — start, end, left, right и center;

- textBaseline. Описывает выравнивание текста по вертикали. Возможные значения — top, hanging, middle, alphabetic, ideographic и bottom;

- shadowColor. Устанавливает цвет тени. Принимает значения, разрешенные в CSS;

- shadowOffsetX. Объявляет расстояние между объектом и тенью по горизонтали в количестве единиц;

- shadowOffsetY. Объявляет расстояние между объектом и тенью по вертикали в количестве единиц;

- shadowBlur. Принимает числовое значение, описывающее эффект размытия тени;

- globalCompositeOperation. Определяет способ рисования новых фигур на холсте поверх уже имеющихся там фигур. Может принимать разные значения: source-over, source-in, source-out, source-atop, lighter, xor, destination-over, destination-in, destination-out, destination-atop, darker и copy. Значение по умолчанию source-over, при этом новые фигуры просто выводятся поверх существующих.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *