IE에 공백이있는 SVG 텍스트 요소

단일 SVG < 텍스트> 요소에서 공백을 유지하려고합니다.IE에 공백이있는 SVG 텍스트 요소

IE 브라우저를 제외한 모든 텍스트 요소에 xml : space = "preserve" 특성이 제대로 작동합니다. 여기

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

는 jsfiddle은, IE 크롬/파이어 폭스의 최신이 바이올린을 열려고 IE에서 보존되지 않은 텍스트 요소 텍스트에서 그 공백을 알 수있다.

는 어떤 해결 방법이뿐만 아니라 IE에서 작동하도록?

2014-12-16 Chetan

각 공간을   (유니 코드 non-breaking space 문자)로 바꿀 수 있다고 생각합니다.

자바 스크립트에서는 \ u00A0으로 작성됩니다.

2014-12-16 06:52:53

좋아요! 이 작품을 – Chetan

하지만 API를 통해 공백이있는 텍스트 요소를 만드는 것은 유니 코드 문자가있는 http://jsfiddle.net/chetanbh/t4ys4j1x/에서 작동하지 않습니다. – Chetan

그것은 자바 스크립트로 다르게 작성되었습니다. 답변을 업데이트했습니다. –

답변