Здесь показаны различия между двумя версиями данной страницы.
| Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
|
js:canvas:cheat [2025/01/05 19:07] werwolf [Line Cap (маркер конца отрезка лини)] |
js:canvas:cheat [2025/01/05 19:12] (текущий) werwolf [String] |
||
|---|---|---|---|
| Строка 111: | Строка 111: | ||
| ==== Соединение лини ==== | ==== Соединение лини ==== | ||
| + | |||
| + | context.lineJoin — свойство контекста 2D, которое определяет, как рисуется точка соединения двух линий. 1 | ||
| + | |||
| + | **Оно может принимать следующие значения:** | ||
| + | |||
| + | * miter — прямые соединения, которые образуют прямые углы (значение по умолчанию); 2 | ||
| + | * round — закруглённые соединения; 2 | ||
| + | * bevel — конические соединения. 2 | ||
| + | * Синтаксис: context.lineJoin = 'miter', 'round' или 'bevel'. | ||
| + | |||
| + | **Пример кода для установки разных значений:** | ||
| + | |||
| + | * context.lineJoin = "miter" — рисуется треугольный угол соединения линий; | ||
| + | * context.lineJoin = "bevel" — рисуется плоский (линейный) угол соединения линий; | ||
| + | * context.lineJoin = "round" — рисуется круглый угол соединения линий. | ||
| <code javascript> | <code javascript> | ||
| Строка 117: | Строка 132: | ||
| ==== Line Cap (стиль конца отрезка лини) ==== | ==== Line Cap (стиль конца отрезка лини) ==== | ||
| - | круглый, квадратный или | + | * butt (значение по умолчанию) — у линии будут плоские концы; 5 |
| + | * round — у линии будут закруглённые концы, радиус закругления равен половине ширины линии; 1 | ||
| + | * square — у линии будут квадратные концы. | ||
| <code javascript> | <code javascript> | ||
| context.lineCap = 'butt|round|square'; | context.lineCap = 'butt|round|square'; | ||
| Строка 130: | Строка 147: | ||
| </code> | </code> | ||
| - | ==== Alpha (Opacity) ==== | + | ==== Alpha (Opacity - Непрозрачность) ==== |
| <code javascript> | <code javascript> | ||
| Строка 137: | Строка 154: | ||
| - | ===== Color Formats ===== | + | ===== Цветовые форматы ===== |
| - | ==== String ==== | + | ==== Строка ==== |
| <code javascript> | <code javascript> | ||