如何向html5画布添加文本功能

问题描述

我正在基于html5画布制作白板，并添加了各种功能，如上载pdf，铅笔，撤消，重做等。有人可以帮我使用文字工具吗？基本上，在单击画布上选择文本工具之后，应该在其中出现一个文本框，我们可以在其中输入文本，并且文本会出现在画布上。提交文本后，我们应该能够对其进行编辑并在其上方进行绘制。有人可以帮我吗？

谢谢！

解决方法

在mousedown上注册<canvas>事件，并使用fillText渲染文本。您也可以注册keydown事件以捕获键输入。