Question

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

感谢您的建议。

Answer 1

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

        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;">

将文本字段添加到画布HTML5

1 个答案: