Несколько строк в круге HTML? - PullRequest
Новая
       45

Несколько строк в круге HTML?

0 голосов
/ 27 мая 2018

Я хотел бы написать несколько строк в этих кружках без css, но только если требуется тег стиля.

Вот код: 

<svg height="300" width="300">
    <circle cx="150" cy="150" r="120" stroke="red" stroke-width=4 fill="#ffffff" />
    <text x="50%" y="50%" text-anchor="middle" stroke="#000000" stroke-width="1px" dy=".3em">My code<br/>isn't good</text>
</svg>

Спасибо!

1 Ответ

0 голосов
/ 27 мая 2018

это лучшее, что я смог сделать.Это работает, но его жестко закодировано, что явно не идеальноЯ посмотрел на этот другой пост, кстати, может быть какая-то помощь: Как разорвать текст SVG в JavaScript? 

<svg height="300" width="300">
    <circle cx="150" cy="150" r="120" stroke="red" stroke-width=4 fill="#ffffff" />
    <text text-anchor="middle" stroke="#000000" stroke-width="1px" dy=".3em">

    <tspan x="50%" y="40%" dy="1.2em">very long text</tspan>
    <tspan x="50%" y="50%" dy="1.2em">I would like to linebreak</tspan>
    </text>
</svg>
...