Hey.

Let's say that somewhere on my page I have SVG graphics. There is one group that I would like to re-scale when some event is triggered. How do I do that?

example code:

<svg onresize=getDivSize(evt)>

    <g transform=scale(13)>

        <rect id=Square class=chart

            width=80 height=20

            fill=black

            stroke-width=0px

            rx=8 ry=8 />

         <text id=TextElement x=13 y=15 fill=green>Text</text>

     </g>

</svg>

I want to change scale(13) argument, to do that what should be in function getScreenSize(evt) {...}?

Or how achieve similar effect in different way?

edit

As for general idea I want to resize graphic without specifying fixed values anywhere. So my divs sizes are percentage based, now I just want my graphic to exactly fit my div regardless of its size. That's why I thought of JS changing scale() argument whenever event is fired (div resize). Function would put into scale argument computation of DivSize/rectBaseSize (x or y).