JavaScript代碼顯示文字

Question

有一個矩形的代碼，其中有一條線，我想在矩形下顯示文本。 如何將其添加到我的代碼中？ 還是有人可以指出我正確的方向？

<canvas id="main" width="300" height="300"></canvas>

 <script>
 var canvas = document.getElementById("main");
var context = canvas.getContext('2d');
context.fillStyle = "#008000";
context.rect(0,0,300,300);
context.fill();
context.beginPath();
context.lineWidth = 10;
context.strokeStyle = "blue";
context.lineCap = "round";
context.moveTo( 50, 150);
context.lineTo (250, 150);
context.stroke();
  context.closePath();

Answer 1

您可以使用fillText繪制文本：

context.fillText("Hello, world!", 50, 50);

有關更多信息，請參見Mozilla開發人員網絡上的本文 。

Answer 2

我相信你想要fillText函數：

context.font="30px Arial";
context.fillText("Hello World",10,50);