Как добавить текст в прямоугольник в SVG?

Я пытаюсь поставить слово «лиса» внутри этого синего прямоугольника, но этого просто не происходит. Что я здесь делаю неправильно?Как добавить текст в прямоугольник в SVG?

<html> 
<body> 

<svg width="400" height="200"> 
<rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:0;fill-opacity:0.7;stroke-opacity:0.1"> 

<text fill="#44ffff" font-size="45" font-family="Verdana" x="150" y="96">fox</text> 
</svg> 

</body> 
</html>

источник

2016-02-19 brilliant

Твой знак открыт. Вероятно, это не причина, но ваш SVG содержит недопустимый XML, если вы не измените '' на ''. – jsfan

Как указано в моем комментарии, ваш XML недействителен. Хорошо сформированный XML

<svg width="400" height="200"> 
    <rect x="50" y="20" width="150" height="150" style="fill:blue;stroke:pink;stroke-width:0;fill-opacity:0.7;stroke-opacity:0.1" /> 
    <text fill="#44ffff" font-size="45" font-family="Verdana" x="150" y="96">fox</text> 
</svg>

работает для меня.

источник

2016-02-19 10:07:56 jsfan

WOW !!! Это работает и для меня. Спасибо! – brilliant

Как добавить текст в прямоугольник в SVG?

ответ

Смежные вопросы