キーボードからSVGテキストを書く

Question

私はSVGを初めて使っていて、不思議に思っていました。例えば、メモ帳などのように動的にSVG要素に書き込むことは可能ですか？

最後の目標は、後で操作できるSVGテキストコーパスを作成することです。

私はいくつかのチュートリアルを見てきましたが、テキストを 'text'要素に渡すだけです。 私はベクトル要素として文字を持つことを目指しています。

アイデアや入力はありますか？

ありがとうございました！

Answer 1

SVGをcontentEditable divで囲むようにしてください。 、カーソルが（ちょうどテキストをクリックして、とにかく型）「取る」しないように見えるとChrome上のFirefoxでhttps://jsfiddle.net/bLfe2wxc/1/

：ここ

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

は、私はイラストレーターから生成されたSVGを使って作られた例ですカーソルは視覚的にはオフですが、この特定のフィドルにあるように、あなたの特定の用途には問題はありません。