XML Elves
<community>of XML and SVG Developers</community>
Change the rotation origin of the group object.
This is a discussion on Change the rotation origin of the group object. within the SVG Questions forums, part of the SVG Forums category; Hello,everybody. I am from China,and just study SVG . Today,I want to make a animation that rotate the grounp object ...
| |||||||
| Register | FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read |
05-28-2004, 02:52 AM
| |||
| |||
 Change the rotation origin of the group object. I am from China,and just study SVG . Today,I want to make a animation that rotate the grounp object with center of it.Now,I face with the big problem that set the rotation origin at center of the group object.The group rotation origin in SVG default station is at upper-left of the current view. Who can tell me how to set the rotation origin of the group from upper-left to the center of it or the other place? Follow is my code: Code: <?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"> <svg width="7.5cm" height="5cm" viewBox="0 0 200 120"> <g> <rect x="10" y="10" width="20" height="20" style="fill:yellow;stroke:rgb(0,0,255)"/> <rect x="50" y="50" width="100" height="60" style="fill:green;stroke:rgb(0,0,255)"/> <animateTransform attributeName="transform" type="rotate" dur="3s" begin="0s" values="0;-360"/> </g> </svg>      |
|
05-28-2004, 06:51 AM
| |||
| |||
| rotate(<rotate-angle> [<cx> <cy>])
Hi rotate expects 1 or 3 parameters: rotate(rotate-angle cx cy) where cx and cy specify the center of rotation. check the spec: http://www.w3.org/TR/SVG11/coords.ht...sformAttribute hope that helps p.s.:see my website at http://www.treebuilder.de |
|
05-28-2004, 06:55 AM
| |||
| |||
| Change the rotation origin of the group object.
oh i forgot. so your example can look somthing like this: <animateTransform attributeName="transform" type="rotate" dur="3s" begin="0s" values="0 75 60;-360 75 60"/> wich will rotate the goup around the point (75,60) have fun Holger |
|
06-05-2004, 05:08 AM
| |||
| |||
| Thanks for Holger.
With your help, I have already solved the problem, The question is so simple, I am really too stupid. Resolvent： Code: <animateTransform attributeName="transform" type="rotate" dur="3s" begin="0s" values="0 50 50;-360"/> |
Linear Mode
