JavaScript»キャンバス»文字を描くfillText 文字をかいてみる
ファイル名: js-canvas/quest_00080.html
下のソースコードをうつして、キャンバスに図のような文字をかいてみましょう。
ソースコード
const canvas = document.getElementById("text");
const context = canvas.getContext("2d");
context.font = "40px sans-serif";
context.fillStyle = "rgb(0, 0, 128)";
context.fillText("Hi (^o^)/", 80, 180);
解説
キャンバスには図形だけでなく、文字をかくこともできます。