如何在HTML5画布上添加文本?

时间:2016-03-18 16:26:07

标签: html5 canvas text

这可能非常简单,但我对网络开发感到厌烦,所以这里就是这样;我目前正在重写我的网站(如果你已经看过它,你会知道为什么)我写了一个处理好背景的脚本。背景是HTML5 <canvas>元素。我现在希望能够编写文本,例如使用<p>标签,并将其显示在画布上方(以便它悬停在画布上方)。我怎么做到这一点?

1 个答案:

答案 0 :(得分:1)

您将从中了解到以下两件事:

  • 定位。在CSS中,您可以绝对地定位事物,以便事物可以叠加在另一个上面

  • z索引。 z-index帮助浏览器了解您希望堆叠项目的层次结构;如果<p>标记的z-index高于画布,则它将显示在画布上,反之亦然。

进一步阅读:

https://developer.mozilla.org/en/docs/Web/CSS/position https://developer.mozilla.org/en/docs/Web/CSS/z-index