Hi, Simon- Simonshutter wrote: | | Doug, thanks for advice below - it seems from my testing that | if I want to position a polyline/path or other element that | does not allow % units, then I can use another nested svg wrapper.
Yup. Or if you have a group that you don't need to position relatively, you can use a transform='translate(x, y)' in a 'g' wrapper. You might want to be judicious in your use of nested SVG elements, though, as they can decrease performance in some implementations (and aren't allowed in SVG Tiny). That being said, I often use nested SVG elements as wrappers and sizers for my custom widgets. Regards- Doug doug . schepers @ vectoreal.com www.vectoreal.com ...for scalable solutions. | | Simon | | | >You can't position elements relative to one another, but you can | >relatively position (most) elements within an | SVG element. | > | > For example: | > <svg xmlns='http://www.w3.org/2000/svg' | > xmlns:xlink='http://www.w3.org/1999/xlink'> | > <svg x='50' y='50' width='200' height='300'> | > <rect x='0' y='0' width='100%' height='100%' fill='none' | stroke='gray' | > stroke-dasharray='2 5'> | > <desc>rectangle illustrating the bounds of an inner | SVG</desc> | > </rect> | > <rect x='0' y='0' width='10' height='10' fill='blue'> | > <desc>rectangle positioned relatively with numeric values | within | > the viewbox of an inner SVG</desc> | > </rect> | > <circle cx='50%' cy='33%' r='20' fill='orange'> | > <desc>circle positioned relatively with percentage values | within | > the viewbox of an inner SVG</desc> | > </circle> | > </svg> | > </svg> | > | > Note that this does *not* work with paths or polygons, which | cannot use | > percentages as values. | > | > Regards- | > Doug | > | > doug . schepers @ vectoreal.com | > www.vectoreal.com ...for scalable solutions. | ------------------------ Yahoo! Groups Sponsor --------------------~--> Most low income households are not online. Help bridge the digital divide today! http://us.click.yahoo.com/cd_AJB/QnQLAA/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/
