2013-01-03 15 views
8

Recentemente ho passato in rassegna su internet che c'è un textArea local to SVG (potrei aver bisogno questo per scopo disposizione del testo)Come implementare SVG 1.2 Tiny textArea?

ho usato l'esempio e testato su Chrome all'interno dell'elemento HTML5, ma non verrà visualizzato l'elemento textArea, qualcuno sa come implementare correttamente il textArea SVG? o è possibile che SVG 1.2 tiny non sia ancora supportato? (Ho lavorato solo con il solito SVG 1.1)

+0

e circa e una textarea html all'interno? – philipp

+0

L'ho già salvato come ultima risorsa, ma sarebbe più efficiente se utilizzo l'elemento da svg anziché foreignObject all'interno dello svg –

+0

Ecco una domanda simile: http://stackoverflow.com/questions/4991171/auto-line -wrapping-in-svg-text –

risposta

10

Verificare se l'UA supporta la stringa di caratteristiche http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow e visualizzare un testo SVG se lo fa, altrimenti visualizzare un'area di testo html all'interno di un oggetto ForeignObject, ad es.

<switch> 
    <g requiredFeatures="http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow"> 
     <textArea width="200" height="300">whatever</textArea> 
    </g> 
    <foreignObject width="200" height="300"> 
     <textArea xmlns="http://www.w3.org/1999/xhtml" style="width: 200px;height: 300px">otherwise</textArea> 
    </foreignObject> 
</switch> 
+0

L'ho provato su Chrome e IE e nessuno supporta la stringa di funzioni textflow, sai se è presente un browser? –

+1

Solo Opera al momento AFAIK. –

+2

La stringa di Features required è corretta, ma http://www.w3.org/TR/SVGTiny12/feature.html#specific è un riferimento migliore. –