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

欲瞭解更多信息，請參閱this article on the Mozilla Developer Network。

Answer 2

我相信你想要的fillText功能：

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