2014-12-16 16 views
5

Tôi muốn giữ khoảng trắng trong một phần tử SVG < text>.Phần tử văn bản SVG có khoảng trắng không được lưu trong IE

Tính năng này hoạt động tốt với thuộc tính xml: space = "preserve" trong phần tử văn bản trong tất cả trừ trình duyệt IE.

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

Đây là jsfiddle, hãy thử mở fiddle này trong Chrome/Firefox và IE mới nhất, chú ý rằng khoảng trống trong văn bản phần tử văn bản không được lưu trong IE.

jsfiddle

Bất kỳ giải pháp nào cũng có thể hoạt động trong IE không?

Trả lời

12

Tôi đoán bạn có thể thay thế từng không gian bằng &#160; (đó là ký tự unicode non-breaking space).

Trong javascript, nó sẽ được ghi là \ u00A0.

+0

Tuyệt vời! này hoạt động – Chetan

+0

Nhưng việc tạo các phần tử văn bản với khoảng trắng qua API không hoạt động http://jsfiddle.net/chetanbh/t4ys4j1x/ với ký tự unicode. – Chetan

+0

Nó được viết khác nhau trong javascript. Tôi đã cập nhật câu trả lời. –

Các vấn đề liên quan