Hi Folks, Seasons greetings. In an earlier post (see below) I explored methods for creating SVG with relative positioning.
http://groups.yahoo.com/group/svg-developers/message/51904 I now have an application where I need to rotate some text 90deg anti-clockwise. I have used the following code but the problem is that when you rotate the g element in a rectangular viewport the relative positioning is now controlled by the aspect ratio. Can anyone help me out? I tried to use a svg wrapper around the g element but to no avail. I also tried to add a translate attribute to the transform but the SVG spec seems limited to user coordinates, excluding percentage units. <?xml version="1.0" encoding="utf-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg"; preserveAspectRatio="none"> <rect class="canvas" x="0%" y="0%" width="100%" height="100%" fill="#fffff3" stroke="black"/> <g transform="rotate(-90)"> <rect class="canvas" x="0%" y="0%" width="100%" height="100%" fill="#ffffe0" stroke="red"/> <text text-anchor="start" x="-20%" y="20%" >x="-50%" y="20%" </text> <text text-anchor="start" x="-20%" y="50%" >x="-50%" y="50%" </text> </g> </svg> Thanks, Simon ------------------------ Yahoo! Groups Sponsor --------------------~--> Get Bzzzy! (real tools to help you find a job). Welcome to the Sweet Life. http://us.click.yahoo.com/KIlPFB/vlQLAA/TtwFAA/1U_rlB/TM --------------------------------------------------------------------~-> ----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ---- Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
