0

弧を描くためにJCanvasを使用しています。しかし、円弧のラベルを定義できません。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
});
4

1 に答える 1

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
});

上記のコードは以下をレンダリングします。

ラベル付きの jCanvas アーク

于 2014-10-10T00:45:17.700 に答える