RE: [svg-developers] Re: rotating text on its axis
- Hallo Samuel
The trick is to note that multiple transform operations are performed from
right to left. The first text below is first rotated by 30° then translated
by (200 200) to get the effect you want.
<svg width="400" height="400">
<circle cx="200" cy="200" r="2" fill="red"/>
I make my life simpler by centering ojbects, defs etc. around (0 0), which
makes rotating and scaling easier to control.
From: Samuel Dagan [mailto:dagan@...]
Sent: 31 August 2003 21:11
Subject: [svg-developers] Re: rotating text on its axis
--- In firstname.lastname@example.org, "mzand3" <mzand@h...> wrote:
> I am very confused about how to rotate an object alongs its own
> origin. When I rotate an object, it appears somewhere far away in
> the document. I realize I have to combine translate with rotate
> I can't figure out the exact correlation. Is there any easy
> to figure this out?
Yes, there is!
You are probably using rotate(angle), which does the rotation around
the origin (x,y)=(0,0) .
You could use rotate(angle,centerX,centerY), which does the rotation
around the point (x,y)=(centerX,centerY).
To unsubscribe send a message to: email@example.com
visit http://groups.yahoo.com/group/svg-developers and click "edit my
Your use of Yahoo! Groups is subject to http://docs.yahoo.com/info/terms/
[Non-text portions of this message have been removed]