允许用户在HTML5 Canvas游戏中键入文本

Question

我正在尝试使用Canvas和优秀的KineticJS库组合编写我的第一个HTML5游戏,并且我在早期就打了一个墙.

我想要做的是让用户在游戏的框中输入他们的名字.做了一些研究之后,除了在我正在使用的画布部分上获取浮动HTML元素之外,我无法看到任何方法.

它是否正确？

在大量的Flash和网页游戏长大的,我敢肯定,我每次都输入一个名称或保存文件名,它是直接做入游戏本身,它不依赖于HTML产生的呢？

我们将非常感激地提出任何有关如何做到这一点的建议.

Answer 1

您可以使用以下 CSS 技术在画布顶部获得一个浮动 HTML 元素。

http://css-tricks.com/absolute-positioning-inside-relative-positioning/

• 制作包装器 div 位置：相对

• 使用位置：绝对添加画布

• 使用position:absolute添加其他HTML控件

这适用于所有 HTML 元素，而不仅仅是画布。