Здесь показаны различия между двумя версиями данной страницы.
| Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия | ||
|
js:canvas:cheat [2025/01/05 19:09] 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> | ||
| Строка 132: | Строка 147: | ||
| </code> | </code> | ||
| - | ==== Alpha (Opacity) ==== | + | ==== Alpha (Opacity - Непрозрачность) ==== |
| <code javascript> | <code javascript> | ||
| Строка 139: | Строка 154: | ||
| - | ===== Color Formats ===== | + | ===== Цветовые форматы ===== |
| - | ==== String ==== | + | ==== Строка ==== |
| <code javascript> | <code javascript> | ||