html5画布动态文本框

html5 canvas kinetic textbox

本文关键字：文本动态布动态 html5 更新时间：2023-09-26

我想知道是否有办法打开一个文本框，让用户在onclick事件中键入？我该怎么做呢？我现在想，也许有一种方法可以让我获取用户在画布上键入的内容，并使用我所读到的方法来输出文本。这有可能吗？但是，首先我该如何允许用户在画布上打字呢？

我读了很多书，我能找到的所有例子都是关于简单地将文本输出到画布上，而不是创建一个文本框。

有什么想法吗？

你必须真正地制作一个，就像在onclick事件中一样：var myInput = document.createElement("textarea");

您需要将myInput.style.width、height、top、left，当然还有myInput.style.position设置为"absolute"，然后将其放置在用户期望的位置。

然后你需要为它分配事件。也许在按下键时，它会寻找回车键，如果按下回车键，它就会消失，并按照你想要的方式提交文本。

然后将其添加到页面中。

也许它会对模糊事件做同样的事情（如果用户点击离开）。

画布是一个位图图像。你不能把一个元素"放在里面"。不过，你可以把一个悬停在上面。我认为您正在寻找的是html5内容可编辑属性。

一个简单的解决方案-使用Javascript的警报框。这将使我们能够获取用户想要放置在屏幕上的文本。然后在画布上你想写的地方写文本（很多关于如何在画布上写文本的教程）。