Свойства 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, при этом новые фигуры просто выводятся поверх существующих.