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

解説

キャンバスには図形だけでなく、文字をかくこともできます。