Как изменить цвет в stroke c помощью условия на javascript?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

// Получение контекста рисования
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

// Условие
var condition = true;

// Изменение цвета в stroke
if (condition) {
  context.strokeStyle = "blue"; // Установка синего цвета в stroke
} else {
  context.strokeStyle = "red"; // Установка красного цвета в stroke
}

// Пример рисования линии с измененным цветом
context.beginPath();
context.moveTo(50, 50);
context.lineTo(200, 50);
context.stroke();