从键盘写入 SVG 文本

【问题标题】：write SVG text from keyboard从键盘写入 SVG 文本
【发布时间】：2016-05-15 11:45:16
【问题描述】：

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

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

我看过一些教程，但他们只是将文本传递到“文本”元素中。我的目标是将字母作为向量元素。

有什么想法或意见吗？

谢谢！

【问题讨论】：

【解决方案1】：

尝试用 contentEditable div 包围 SVG，例如

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

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

在 Firefox 中，光标似乎不会“占用”（但只需单击文本并输入），而在 Chrome 上，光标在视觉上是关闭的，但在您的特定用途中这可能不是问题，因为它是在这个特别的小提琴中。

【讨论】：