[69-8] Canvasでテキストを描画しよう[69-8] Canvasでテキストを描画しよう 最終更新日：2019年02月06日 （初回投稿日：2015年01月20日） 今回は、<canvas>要素に「テキスト（文字列）」を描画してみます。 過去記事の「[69-2] canvasに基本的な図形を描こう」で、円グラフの中に文字を入れていますね。今日はその文字の入れ方です。 本日のINDEX テキストは fillText() と strokeText() で指定します フォントスタイル、サイズ、書体、色、線の太さの指定 引数「maxWidth」で最大幅を指定する（省略可能） textAlignプロパティで、横方向（x）の表示位置を指定する textBaselineプロパティで、縦方向（y）の表示位置を指定する 描画した文字列の情報を測定する measureText() measureText() を使って、文字列にアンダーラインや背景ボ
![[69-8] Canvasでテキストを描画しよう](https://cdn-ak-scissors.b.st-hatena.com/image/square/58fe6181cc77ea81c600cf505fefe9be3d9eef63/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-49.fc2.com%2Fh%2Fo%2Fn%2Fhonttoni%2F131205-3.gif)
