javascript - 将文本字段添加到画布 HTML5

Question

我正在使用 JavaScript 创建一个浏览器游戏，我希望用户在游戏开始之前输入他的昵称。如何将文本字段添加到画布？我尝试在画布上叠加。但我不能用 javascript 删除它。

非常感谢您的建议。

Answer 1

好的，伙计们，我为我的问题找到了解决方案。我正在使用 createjs 框架，它为我提供了创建 DOM 元素并将它们放置在画布上的可能性。所以我这样做了：

        var domElement = new createjs.DOMElement(document.getElementById('nickname'));
        domElement.x = 650;
        domElement.y = - domElement.height;
        this.stage.addChild(domElement);

我的 HTML 代码是这样的：

<div id="canvas_wrap">
<form id="myForm" style="visibility: hidden">
    <input id="nickname" value="Your nickname!" size="10">
</form>

<canvas id="display" width="1280" height="800"></canvas>
<!--<div id="overlay" style="color:#ff3f3a;width: 1280px;height: 800px; visibility:hidden">  -->
<div id="overlay" style="color:#ff3f3a;">