Insérer du texte entre un rectangle dessiné en SVG

J'ai un code en SVG:

<svg width="100%" height="100%" version="1.1"xmlns="http://www.w3.org/2000/svg">
    <rect x="20" y="20" width="250" height="250" style="fill:blue">
        <animate attributeType="CSS" attributeName="opacity" from="1" to="0" dur="5s" repeatCount="indefinite" />
    </rect>
</svg>

Maintenant, j'ai besoin d'ajouter un texte entre ce rectangle. Quelqu'un peut me dire comment faire?

source d'informationauteur Maverick | 2011-03-27

  1. 16

    Je ne suis pas sûr de ce que tu veux dire par "entre". Si vous voulez dire "centrée horizontalement et verticalement", alors ce serait faire:

    <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <rect x="20" y="20" width="250" height="250" style="fill:blue" />
  <text x="145" y="145" text-anchor="middle" alignment-baseline="middle">
    Hello World
  </text>
</svg>

    Avez-vous dire autre chose?

    Si vous parlez d'avoir de texte à remplir le rectangle—plusieurs lignes de texte d'emballage sur les bords du rectangle sur une nouvelle ligne, puis vous devriez voir ce Débordement de Pile question à la place.