通过键盘编写SVG文本

write SVG text from keyboard

本文关键字：SVG 文本 键盘      更新时间：2023-09-26

我是SVG的新手，想知道：是否可以动态地（比如在记事本上）写入SVG元素？

最后的目标是拥有一个SVG文本语料库，我可以在之后进行操作。

我看过一些教程，但它们只是将文本传递到"text"元素中。我的目标是将字母作为矢量元素。

有什么想法或意见吗？

谢谢！

尝试用contentEditablediv包围SVG，例如

<div contenteditable="true">
  <svg ... >
    ....
  </svg>
</div>

下面是我使用Illustrator生成的SVG制作的一个示例：https://jsfiddle.net/bLfe2wxc/1/

在Firefox中，光标似乎不是"take"（但只要点击文本并键入即可），在Chrome上，光标在视觉上是关闭的，但也许这在您的特定用途中不会成为问题，因为它在这个特定的小提琴中。

相关文章：