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

[Gary Frederick]

Someone on the svg-developers mailing list answered a related question 
from me with:

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: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]


---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]