Re: <g transform="translate(x,y)"/> not working
"'G. Wade Johnson' [email protected] [svg-developers]" <[email protected]> Tue, 24 Jun 2014 07:25:43 -0500
| Newsgroups | gmane.text.xml.svg.devel |
|---|---|
| Message-ID | <20140624072543.077ccff5@cygnus> |
Hi Daniel, Your issue is a simple one and relatively hard to see if you're not careful. On 09 Jun 2014 19:02:59 -0700 "[email protected] [svg-developers]" <[email protected]> wrote: > I am new to svg, but it had seemed quite clear upon reading the > material. Yet I am unable to make the translate work. I have refined > and simplified the failure into the the following html file generated > from an.erb file: Instead of 4 lines offset from each other by 100, I > get a single line, as each overwrites the other. What am I doing > wrong? The browser is Firefox 29.0.1 > > Thank you. > > <html> > <head> > <title>Translate Test</title> > </head> > <body> > <h1>Translate</h1> > <svg width="700" height="500" xmlns="http://www.w3.org/2000/svg" > version="1.2"> > > <g transform="translate(0,0)"/> This is an empty group thanks to the ^ slash at the end. > <line x1="10" y1="80" x2="80" y2="10" > style="stroke:black;stroke-width:2"/> </g> > > <g transform="translate(100,0)"/> This is an empty group thanks to the ^ slash at the end. The translate does not apply to the line below, because it's not in the group. > <line x1="10" y1="80" x2="80" y2="10" > style="stroke:black;stroke-width:2"/> </g> > > <g transform="translate(200,0)"/> > <line x1="10" y1="80" x2="80" y2="10" > style="stroke:black;stroke-width:2"/> </g> > > <g transform="translate(300,0)"/> > <line x1="10" y1="80" x2="80" y2="10" > style="stroke:black;stroke-width:2"/> </g> > > </svg> > <br> > </body> > </html> When I tried loading just the SVG in Chrome, it reported the first trailing, unmatched '</g>' as an error. The problem was clear from there. Happy SVGing, G. Wade -- "No Boom today. Boom tomorrow, There's always a boom tomorrow." -- Ivanova, "Grail" ------------------------------------ Posted by: "G. Wade Johnson" <[email protected]> ------------------------------------ ----- To unsubscribe send a message to: [email protected] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ----