「JavaScript」fillText()でcanvasを設置する方法

2021年8月17日

書式
fillText(text, x, y [, maxWidth])
text:描画するテキストを指定
x:横方向の座標
y:縦方向の座標
使用例
htmlコード

<canvas id="ct" width="300" height="100"></canvas>

JSコード

const cft = document.getElementById("ct");
const ctx = cft.getContext("2d");

//青色を設定
ctx.fillStyle = "rgb(0, 0, 255)";
ctx.fillRect (20, 20, 50, 50);