SVG - positionering af elementer

[Robert Larsen <sslug@sslug>]

Hej

Jeg skal til at lege lidt med noget SVG til at visualisere nogle data, men jeg kan ikke helt finde ud af at positionere elementerne.

Jeg vil have noget tekst i venstre side, og til højre for den bredeste tekststreng, skal der være nogle bokse (horizontal graf).
Følgende illustrerer, hvad jeg mener:

<?xml version="1.0" encoding="utf-8"?>

<svg  xmlns="http://www.w3.org/2000/svg";
      xmlns:xlink="http://www.w3.org/1999/xlink";>
    <text x="5" y="30" font-family="Verdana" font-size="30">Hello, World!</text>
    <rect x="200" y="3" width="200" height="30" style="fill: #00ff00"/>

    <text x="5" y="65" font-family="Verdana" font-size="30">Noget tekst</text>
    <rect x="200" y="38" width="150" height="30" style="fill: #00ff00"/>
</svg>


Nu har jeg så hardkodet rektanglernes X koordinat, men kan man ikke gøre noget smartere ? For jeg ved reelt ikke, hvor bred den bredeste streng bliver, når den er renderet.

Skal man ud i at embedde scripts i SVG'en ?

På forhånd tak,
Robert