Вопросы Теги

Значительные пробелы в SVG, встроенном в HTML

Я встроил svg в html.

Для svg, встроенного в html, т.е. & chrome не поддерживает xml: space = preserve. so multiple " "конденсируется в единицу" ". заменить" "with & nbsp сохранит несколько" "и решит проблему.

Есть ли способ лучше? Спасибо. см. пример HTML ниже: 

<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
<body>

<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
viewBox="0 0 1024 768" 
preserveAspectRatio="xMidYMid"
>

<text
x="0"
y="0"
id="textsvg"
font-family="Bitstream Vera Sans" 
font-size="100"
fill="black"
>

<tspan
x="0"
dy="100"
>
wel co     me vs wel&nbsp;co&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;me
</tspan>
</text>

</svg>
</body>
</html>
7
задан Phrogz 12 November 2011 в 15:27
поделиться