Javascript 用户在画布上键入文本

有没有一种方法可以将用户键入的文本放在画布上，并随着用户键入而不断扩展？ 我正在尝试创建一个网站，允许用户以项目符号注释的形式输入各种注释，作为对特定图像/图片进行“注释”的方式

简言之，我正试图重现power point的子弹系统的功能，如您所见：

将文本框的位置设为绝对位置是可行的，但这非常难看，并不是我真正想要的。

---

我对不使用画布的解决方案很满意。

使用

contenteditable

。Contenteditable元素可以通过浏览器使用本机富文本编辑器进行编辑

使用contenteditable的代码（只需添加contenteditable属性）：

这是stackoverflow标志

为什么不能使用文本框？你解释得不是很好。我对javascript还是新手，但我认为不可能让文本框在用户输入超过1行时扩展，一旦用户按下enter键，下一个项目符号就会出现在下一行。如果有办法，请让我知道。看：这就是我要找的。非常感谢。

<div contenteditable>
    <ul>
        <li>This is the stackoverflow logo</li>
    </ul>
</div>