jasonsfoster schrieb:

> Hi everyone,
>
> Apologies if I've missed this somewhere in any documentation or in
> previous postings, but what is the most popular way of creating and
> rotating symbols?
>
> >From what I can see the best method is create a symbol at (0,0) and
> then instantiate it via a use element elsewhere on the page. Is there
> a significant drawback in creating a new symbol each time you want to
> create one with the correct rotation, placement etc?
>
> The main reason I ask is that when rotating a use symbol, it appears
> to rotate around one of the corners, therefore actually moving the
> element to the wrong location. Is there a simple method of rotating a
> use element around a particular point of that element (i.e. centre)?
>
> Ideally, I just want it to rotate around the centre of the use
> element, to effectively "spin" it on it's centrepoint.
>
> Again, apologies if this is answered elsewhere.
>
> Thanks in advance,
> Jason

Hi Jason

rotate() expects one or 3 parameters, if you provide 3 the last two are 
the center of rotation.
to calculate the center of a use element, is cx=x+width/2; cy=y+height/2.

<use x="50" y="100" xlink:href="#ms" width="50" height="50" 
transform="rotate(45,75,125)"/>
the above example is equivalent to this syntax,

<use x="50" y="100" xlink:href="#ms" width="50" height="50" 
transform="translate(75,125) rotate(45) translate(-75,-125)" fill="red"/>

which you will need to scale at a specific point.

hth
Holger



------------------------ Yahoo! Groups Sponsor --------------------~--> 
<font face=arial size=-1><a 
href="http://us.ard.yahoo.com/SIG=12hsbqqaa/M=362329.6886308.7839368.1510227/D=groups/S=1706030389:TM/Y=YAHOO/EXP=1122895954/A=2894321/R=0/SIG=11dvsfulr/*http://youthnoise.com/page.php?page_id=1992
">Fair play? Video games influencing politics. Click and talk back!</a>.</font>
--------------------------------------------------------------------~-> 

-----
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/
 



Reply via email to