10

単純なsvg要素があります。

<svg height="100" width="710">
  <rect width="700" height="50"/>
    <rect width="70" height="50" style="fill: rgb(0, 0, 255);">
      <text y="0" style="fill: white;">-0.123994</text>
    </rect>
    <rect width="70" height="50" style="fill: rgb(255, 0, 0);" transform="translate(630,0)">
    <text y="50">0.387869</text>
  </rect>
</svg>

textどちらの要素も表示されないのはなぜですか？これはそれが示すものです： ここに画像の説明を入力してください

4

1 に答える 1

19

text内にタグを入れることはできませんrect。rect要素内にテキストを表示する場合は、両方をグループに入れる必要があります。

<svg height="100" width="710">
    <g>
    <rect width="70" height="50" style="fill: rgb(0, 0, 255);"></rect>
      <text y="0" style="fill: white;">-0.123994</text>
    </g>
    <g>
    <rect width="70" height="50" style="fill: rgb(255, 0, 0);" transform="translate(630,0)"></rect>
    <text y="50">0.387869</text>
   </g>

</svg>

rect内に表示されるようにテキストの座標を調整してください。

于 2012-10-16T20:20:11.730 に答える