在Javascript中创建按钮

我试图创建一个按钮，在画布中央弹出一个菜单。我最初在HTML文件中创建了一个按钮来实现这一点，但是当我的精灵每秒更新一次时，它就会将画布置于菜单之上。所以现在我尝试在Javascript文件中创建它

现在我有这样的事情：

function menuButton(ctx, func) {
    var button = document.createElement("menu");
    button.type = "button";
    button.value = "menu";
    button.onclick = func;
    ctx.appendChild(button);
}

window.onload = function () {
    createButton(canvas, function () {
        highlight(this.parentNode.childNodes[1]);
    });
}

---

但我没有得到任何东西显示在屏幕上的按钮。目标是使按钮始终显示，然后单击它将加载一个包含其他按钮（例如设置、统计等）的屏幕。

菜单

不是有效的HTML元素，因此无法创建它

function menuButton(ctx, func) {
    var button     = document.createElement("button");
    button.type    = "button";
    button.value   = "menu";
    button.onclick = func;
    ctx.appendChild(button);
}

---

菜单

不是有效的HTML元素，因此无法创建它

function menuButton(ctx, func) {
    var button     = document.createElement("button");
    button.type    = "button";
    button.value   = "menu";
    button.onclick = func;
    ctx.appendChild(button);
}

---

菜单

不是有效的HTML元素，因此无法创建它

function menuButton(ctx, func) {
    var button     = document.createElement("button");
    button.type    = "button";
    button.value   = "menu";
    button.onclick = func;
    ctx.appendChild(button);
}

---

菜单

不是有效的HTML元素，因此无法创建它

function menuButton(ctx, func) {
    var button     = document.createElement("button");
    button.type    = "button";
    button.value   = "menu";
    button.onclick = func;
    ctx.appendChild(button);
}

---

只有当浏览器未实现

画布

（回退内容）时，才会呈现

画布

元素的任何子节点

您需要使用画布绘图API来创建按钮。有一些很好的例子说明了如何在网络上实现这一点

---

希望有帮助，干杯

只有在浏览器未实现

canvas

（回退内容）时，才会呈现

canvas

元素的任何子节点

您需要使用画布绘图API来创建按钮。有一些很好的例子说明了如何在网络上实现这一点

---

希望有帮助，干杯

只有在浏览器未实现

canvas

（回退内容）时，才会呈现

canvas

元素的任何子节点

您需要使用画布绘图API来创建按钮。有一些很好的例子说明了如何在网络上实现这一点

---

希望有帮助，干杯

只有在浏览器未实现

canvas

（回退内容）时，才会呈现

canvas

元素的任何子节点

您需要使用画布绘图API来创建按钮。有一些很好的例子说明了如何在网络上实现这一点

希望有帮助，干杯