1. ホーム
  2. html

[解決済み] HTML5のcanvas要素にテキストを書き込むにはどうしたらよいですか?

2022-04-27 22:42:30

質問

HTML5でテキストを書くことは可能ですか? canvas ?

解決方法は?

var canvas = document.getElementById("my-canvas");
var context = canvas.getContext("2d");

context.fillStyle = "blue";
context.font = "bold 16px Arial";
context.fillText("Zibri", (canvas.width / 2) - 17, (canvas.height / 2) + 8);
#my-canvas {
  background: #FF0;
}
<canvas id="my-canvas" width="200" height="120"></canvas>