2016-05-15 4 views
0

Ich bin neu in SVG und habe mich gefragt: Ist es möglich, dynamisch (wie Sie zum Beispiel auf Notepad) in ein SVG-Element schreiben?schreibe SVG-Text von der Tastatur

Das endgültige Ziel ist es, einen SVG-Textkorpus zu haben, den ich später manipulieren kann.

Ich habe einige Tutorials gesehen, aber sie geben den Text einfach in ein 'Text' Element. Ich bin bestrebt, Buchstaben als Vektoren Elemente zu haben.

Irgendwelche Ideen oder Eingaben?

Vielen Dank!

Antwort

1

Versuchen Sie, die SVG mit einem contentEditable div, z.

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

Hier ist ein Beispiel, das ich eine SVG aus Illustrator erzeugt unter Verwendung: https://jsfiddle.net/bLfe2wxc/1/

In Firefox, der Cursor nicht zu „übernehmen“ erscheint (aber klicken Sie einfach auf den Text und geben Sie sowieso) und auf Chrome der Der Cursor ist optisch ausgeschaltet, aber vielleicht ist das bei Ihrer speziellen Verwendung kein Problem, wie es bei dieser speziellen Geige der Fall ist.

Verwandte Themen