javascript - 从键盘写入 SVG 文本

Question

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

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

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

有什么想法或意见吗？

谢谢!

Answer 1

尝试用 contentEditable div 包围 SVG，例如

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

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

在 Firefox 中，光标似乎不会“接受”(但只需单击文本并输入即可)，而在 Chrome 上，光标在视觉上是关闭的，但也许在您的特定使用中这不会成为问题在这个特殊的 fiddle 中。