Невозможно определить метку для Arc с помощью JCanvas

Question

Я использую JCanvas для рисования некоторой дуги. Но я не могу определить метку для дуги. Пожалуйста, предложите, как определить метку arc в Jcanvas.

Вот мой код дуги.

$('canvas').drawArc({
  strokeStyle: 'red',
  strokeWidth: 4,
  rounded: true,
  endArrow: true,
  arrowRadius: 15,
  arrowAngle: 90,
  x: 175, y: 175,
  start: 90,
  end: 160,
  radius: 150
});

Answer 1

Если вы хотите создать текстовую метку, которая будет сопровождать вашу дугу, вам нужно использовать drawText() метод ( задокументированный здесь) для размещения желаемого текста рядом с дугой.

Например:

$('canvas')
.drawArc({
  strokeStyle: 'red',
  strokeWidth: 4,
  rounded: true,
  endArrow: true,
  arrowRadius: 15,
  arrowAngle: 90,
  x: 175, y: 175,
  start: 90,
  end: 160,
  radius: 150
})
.drawText({
  fillStyle: 'red',
  fontFamily: 'sans-serif',
  fontSize: 24,
  text: 'My arc label',
  x: 140, y: 320
});

Приведенный выше код отображает следующее: