如何在 HTML5 画布元素上书写文本? [英] How can I write text on a HTML5 canvas element?

问题描述

是否可以在 HTML5 canvas 上书写文本?

Is it possible to write text on 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>

这篇关于如何在 HTML5 画布元素上书写文本?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！