javascript - 在画布上显示来自用户的文本

Question

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

我很高兴看到任何 javascript 建议

Answer 1

只是因为我非常喜欢使用画布..这应该让你开始。为了将来参考，请确保在提出问题时发布您尝试过的内容，通常人们不喜欢为模糊的问题提供完整的解决方案。

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);
    });
​

现场演示