0

長方形の下にテキストを表示したいと思います。これをコードに追加するにはどうすればよいですか? または、誰かが私を正しい方向に向けることができますか?

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

2 に答える 2

1

次を使用してテキストを描画できますfillText。

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

詳細については、Mozilla Developer Network のこの記事を参照してください。

于 2012-07-08T21:01:33.550 に答える
0

私はあなたがfillText機能を望んでいると信じています：

context.font="30px Arial";
context.fillText("Hello World",10,50);
于 2012-07-08T21:01:50.490 に答える