javascript - 无法在 Div 和 Canvas 上写入文本

Question

我试图在来自此代码的 div 上编写文本：

    var resume = document.createElement("div");
            resume.style.position = "fixed";
            resume.style.height = 0.1*canvas.height + "px";
            resume.style.width = 0.4*canvas.width + "px";
            resume.style.bottom = 0.75*canvas.height + "px";
            resume.style.left = 0.3*canvas.width + "px";
            resume.style.backgroundColor = "Black";
            resume.style.opacity = "0.8";
            resume.textAlign = "center";
            resume.color = "White";
            resume.p = "efege";
            document.body.appendChild(resume);

并且位于这幅画布上

    var canvas = document.getElementById("Canvy");

    var b = canvas.getContext("2d");

    b.canvas.width = window.innerWidth;

    b.canvas.height = window.innerHeight;

    document.body.appendChild(canvas);

为什么我的文字没有显示？我将如何使用简历显示文本。（此处的某些命令）？

标签： javascripthtmlcss

Answer 1

我发现我只需要创建另一个元素并将其附加到 Div。以防有人想知道。这是代码

    var x = document.createElement("SPAN");
            resume.appendChild(x);
            x.textContent = "anytext";