Помогите решить задачу Javascript

Question

Помогите решить задачу Javascript

Сергей Сагателян Ученик (118), на голосовании 1 год назад

Напишите программу, которая будет рисовать следующее изображение, обязательно создайте функцию и используйте эту функцию. Цвета и позиции
смотрите информацию в таблице.

Answer 1

Функция тут нужна максимально простая. Однако отрицательные координаты при такой длине линий просто скроют объекты из поля зрения.

 function draw (X,Y,R,L,C) { 
   const cvs = document.querySelector('canvas'); 
   const ctx = cvs.getContext('2d'); 
   ctx.clearRect(0,0,cvs.width,cvs.height); 
   ctx.beginPath(); 
   ctx.arc(X, Y, R, 0, Math.PI*2); 
   ctx.moveTo(X, Y + R); 
   ctx.lineTo(X + L, Y + R); 
   ctx.strokeStyle = C; 
   ctx.lineWidth = 2; 
   ctx.stroke(); 
   ctx.closePath(); 
} 
 
// X, Y, Радиус, Длина, Цвет 
draw(100,100,50,100,'rgb(84,153,199)');