javascript - 在 Canvas 上显示用户的文本

Question

现在我有 3 个元素。文本字段和提交按钮位于顶部，它们下面是 Canvas 。我想在单击提交按钮后在 Canvas 上显示用户的输入。

我很高兴看到任何 JavaScript 建议

Answer 1

只是因为我非常喜欢使用 Canvas ......这应该可以帮助您入门。为了供将来引用，请务必发布您在提问时尝试过的内容，通常人们不喜欢为模糊问题提供完整的解决方案。

var btn = document.getElementsByTagName("input")[0],
    textArea = document.getElementsByTagName("textarea")[0],
    canvas = document.getElementById("canvas"),
    ctx = canvas.getContext("2d");
    canvas.width = 512;

    ctx.font = "12px Arial";
    ctx.fillStyle = "#000";

    btn.addEventListener("click", function(){
        ctx.fillText(textArea.value,10,10);
    });
​

<强> Live Demo