Re: getting the values for transform="translate(x y)'

Gary Frederick wrote:

> Someone on the svg-developers mailing list answered a related question 
> from me with:
   So these are more or less ASV specific.  In particular Batik
implements getCTM correctly so it returns the transform to the
nearest viewport.  The closest thing to what ASV does with getCTM
is: e.getTransformToElement(e.getParent());

   Batik also implements the 'getTransform()' method which is
actually quite combersom to use:

        SVGTransform trans;
        trans = e.getTransform().getBaseValue().consolidate();


> Mathias FATENE wrote:
>  > Hi Frederick,
>  > I would work with :
>  > SVGDoc.getElementById("First").getAttribute("transform").split(" ")[1]
>  > of course, must choose the best split character.
>  >
>  > But getCTM is better for giving you all the transformation informations.
>
> I'm going to follow up on both suggestions.
>
> Gary
>
> Gary Frederick wrote:
>
> > I am trying to get the values in the translate on a <g> element with 
> > JavaScript. How do I do that?
> > Gary
> >
> > <?xml version="1.0" standalone="no"?>
> > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
> >   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd";>
> > <svg width="24cm" height="8cm" viewBox="0 0 1200 400"
> >       onload="init(evt)"
> >      xmlns="http://www.w3.org/2000/svg"; version="1.1">
> >   <desc>Example rect02 - rounded rectangles</desc>
> >   <script type="text/ecmascript">
> >     <![CDATA[
> >       var svgns = "http://www.w3.org/2000/svg";;
> >       var SVGDoc;
> >
> >       function init(evt) {
> >         // Get the Document
> >         SVGDoc = evt.getTarget().getOwnerDocument();
> >         alert('SVGDoc.getElementById("First") 
> > ='+SVGDoc.getElementById("First"));
> >         /*
> >
> > alert('SVGDoc.getElementById("First").transform.baseVal.numberOfItems ='
> >
> > +SVGDoc.getElementById("First").transform.baseVal.numberOfItems);
> >
> > alert('SVGDoc.getElementById("First").transform.baseVal.getItem(0).type 
> > ='
> > +SVGDoc.getElementById("First").transform.baseVal.getItem(0).type);
> >
> >
> > alert('SVGDoc.getElementById("First").transform.baseVal.getItem(0).matrix 
> > ='
> > +SVGDoc.getElementById("First").transform.baseVal.getItem(0).matrix);
> >
> >
> > alert('SVGDoc.getElementById("Second").transform.baseVal.numberOfItems ='
> >
> > +SVGDoc.getElementById("Second").transform.baseVal.numberOfItems);
> >
> > alert('SVGDoc.getElementById("Second").transform.baseVal.getItem(0).type 
> > ='
> > +SVGDoc.getElementById("Second").transform.baseVal.getItem(0).type);
> >
> >
> > alert('SVGDoc.getElementById("Second").transform.baseVal.getItem(0).matrix 
> > ='
> > +SVGDoc.getElementById("Second").transform.baseVal.getItem(0).matrix);
> >         */
> >        }
> >      ]]>
> >    </script>
> >
> > <!-- Show outline of canvas using 'rect' element -->
> >   <rect x="1" y="1" width="1198" height="398"
> >         fill="none" stroke="blue" stroke-width="2"/>
> >   <g id="First" transform="translate(0 0)">
> >     <rect x="100" y="100" width="400" height="200" rx="50"
> >           fill="green" />
> >   </g>
> >   <g id="Second" transform="translate(700 210) rotate(-30)">
> >     <rect x="0" y="0" width="400" height="200" rx="50"
> >           fill="none" stroke="purple" stroke-width="30" />
> >   </g>
> > </svg>
> >
> >
> > ---------------------------------------------------------------------
> > To unsubscribe, e-mail: batik-users-unsubscribe@xxxxxxxxxxxxxx
> > For additional commands, e-mail: batik-users-help@xxxxxxxxxxxxxx
>
> ---------------------------------------------------------------------
> To unsubscribe, e-mail: batik-users-unsubscribe@xxxxxxxxxxxxxx
> For additional commands, e-mail: batik-users-help@xxxxxxxxxxxxxx