テキストの描画 - Web API | MDN

テキストの描画 キャンバスの描画コンテキストでは、 2 種類のテキスト描画方法を提供しています。 fillText(text, x, y [, maxWidth]) (x,y) で指定した位置にテキストを塗りつぶして描画します。任意で最大描画幅を指定できます。 strokeText(text, x, y [, maxWidth]) (x,y) で指定した位置にテキストの輪郭を描画します。任意で最大描画幅を指定できます。 fillText の例 現在の fillStyle を使用して、テキストを塗りつぶして描画します。

[Knoa]

/*Arial,alphabetic,余裕px必須*/ctx.fillStyle='rgba(255,0,0,.2)';ctx.fillRect(0, 0,400,200);ctx.fillRect(0,10,400,180);ctx.fillRect(0,20,400,160);ctx.fillRect(0,50,400,100);ctx.font="bold 160px Arial,sans-serif";ctx.textBaseline="alphabetic";ctx.lineWidth=10;ctx.strokeText('xIg永',5,150);

[komagata]

canvasでtext・・・だと・・・

[hisasann]

3.5からTextを描画できる、そっか今までできなかったんだw

[secondlife]

mozDrawText() 知らなかった！！！