2014-12-16 16 views
5

Tek bir SVG < metin> öğesinde beyaz alanı korumak istiyorum.Boş alanda SVG metin öğesi IE'de korunmuyor

Bu, tüm IE tarayıcısında metin öğesinde xml: space = "koru" özniteliğiyle çalışır. İşte

<text x="0" y="15" fill="red" xml:space="preserve">I  love  SVG!</text> 

jsfiddle, IE, Chrome/Firefox ve en son bu keman açmaya IE korunmadığını metin eleman metinde bu boşluk fark olduğunu.

jsfiddle

Herhangi bir geçici çözüm bu yanı IE çalışır böylece?

cevap

12

Sanırım her alanı &#160; (bu unicode'un non-breaking space karakteriyle değiştirebilir) değiştirebilirsiniz. Javascript'in içinde olsa da \ u00A0 olarak yazılırdı.

+0

Harika! Bu – Chetan

+0

çalışır Ama API aracılığıyla whitespace ile metin öğeleri oluşturma http://jsfiddle.net/chetanbh/t4ys4j1x/ unicode karakteri ile çalışmıyor. – Chetan

+0

Javascript'te farklı yazılmıştır. Cevabı güncelledim. –

İlgili konular