Javascript代码显示文本答案

【问题标题】：Javascript code display textJavascript代码显示文本
【发布时间】：2012-07-08 20:59:24
【问题描述】：

有一条直线穿过它的矩形的代码，我想在矩形下显示文本。如何将其添加到我的代码中？或者有人能指出我正确的方向吗？

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

【问题讨论】：

标签： javascript text canvas

【解决方案1】：

你可以使用fillText来绘制文字：

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

如需了解更多信息，请参阅this article on the Mozilla Developer Network。

【讨论】：

谢谢！我曾尝试过，但尝试使用单独的画布。

【解决方案2】：

我相信你想要fillText 功能：

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

【讨论】：