无法使用 JCanvas 为 Arc 定义标签

【问题标题】：Unable to Define label for Arc using JCanvas无法使用 JCanvas 为 Arc 定义标签
【发布时间】：2014-10-10 08:45:17
【问题描述】：

我正在使用JCanvas 绘制一些弧线。但我无法为弧定义标签。请建议如何在 Jcanvas 中定义 arc 的标签。

这是我的弧码。

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

【问题讨论】：

标签： javascript jcanvas

【解决方案1】：

如果您希望创建一个文本标签来伴随您的弧线，您需要使用drawText() 方法 (documented here) 将所需的文本放置在弧线旁边。

例如：

$('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
});

以上代码呈现如下：

【讨论】：