I wish to animate a Yantra (http://en.wikipedia.org/wiki/Mandala: bottom of the page). I saved the image, used TotalVectorize to convert it to SVG (good program). I broke the resulting file into parts, and the example below just deals with the outermost line.
I thought that I would use a rectangle sized like a point. I am new to this and know I've missed something, because Chrome doesn't show it, and in IE8, the whole outer line moves around, instead of just a moving rectangle along a stable outer line. Help! Code follows: <?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd";> <svg version="1.0" xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";> width="450pt" height="444pt" viewBox="0 0 450 444" preserveAspectRatio="xMidYMid meet"> <metadata> </metadata> <g transform="translate(0,444) scale(0.100000,-0.100000)"> <!-- fill="#000000" stroke="none"> --> <path id="OutermostLine" d="M2915 4405 c-242 -6 -732 -12 -1090 -13 -357 -2 -653 -6 -658 -11 -4 -4 -6 -68 -5 -142 l3 -134 30 -6 c17 -4 115 -7 218 -8 l188 -1 -3 -32 -3 -33 -575 0 -575 0 -5 -545 -5 -545 -29 -3 -28 -4 4 206 c3 113 2 209 -1 213 -11 14 -287 15 -298 1 -10 -12 -14 -266 -29 -1678 -5 -429 -4 -518 8 -527 9 -8 64 -11 163 -10 l150 2 0 230 0 230 32 3 32 3 3 -565 c2 -383 6 -568 14 -576 7 -7 185 -10 559 -11 345 0 556 -4 568 -10 12 -7 17 -19 15 -37 l-3 -27 -224 -5 -223 -5 1 -145 c1 -79 4 -146 6 -149 4 -3 554 -7 2105 -15 l135 -1 -3 145 c-2 80 -7 148 -10 152 -4 4 -102 10 -217 13 -116 4 -216 8 -223 11 -8 2 -12 15 -10 31 l3 28 380 -5 c209 -3 460 -5 558 -5 l178 0 -1 572 -1 573 26 0 25 0 0 -219 c0 -121 4 -222 8 -225 5 -3 79 -8 164 -11 118 -4 158 -2 165 7 6 8 9 414 8 1123 -2 611 -3 1113 -4 1117 0 4 -68 7 -150 7 -113 0 -153 -4 -161 -14 -7 -8 -13 -89 -17 -212 -6 -191 -11 -218 -38 -210 -6 3 -11 199 -13 555 l-2 552 -27 6 c-21 6 -953 -3 -1053 -9 -20 -2 -26 3 -28 26 -2 15 -2 27 0 28 2 0 98 3 213 5 116 3 216 7 223 9 9 3 12 42 12 148 0 140 -6 170 -34 165 -6 -1 -209 -7 -451 -13z m453 -130 c4 -171 26 -155 -203 -155 -106 0 -206 -4 -220 -10 -23 -9 -26 -14 -23 -52 l3 -43 95 1 c83 1 964 5 998 4 9 0 12 -118 12 -554 0 -305 3 -557 8 -559 4 -3 27 -2 52 2 l45 6 3 205 c1 112 6 208 10 212 4 4 63 8 130 9 98 2 126 -1 133 -12 5 -8 9 -480 9 -1102 l0 -1088 -143 3 -142 3 -5 225 c-3 124 -7 226 -8 228 -1 1 -22 2 -46 2 -36 0 -46 -4 -51 -20 -3 -11 -3 -270 0 -576 l6 -556 -388 6 c-213 4 -456 9 -539 11 -188 7 -204 2 -204 -59 0 -24 6 -48 13 -54 7 -6 86 -11 197 -13 102 -1 200 -4 218 -7 l33 -5 -3 -121 -3 -121 -85 1 c-175 2 -1840 13 -1962 14 l-128 0 0 120 0 120 63 1 c34 0 132 1 217 2 l155 2 3 58 c2 40 -1 59 -10 62 -7 2 -262 6 -565 8 -304 1 -556 7 -560 11 -5 4 -10 259 -13 566 -3 307 -8 561 -11 564 -3 3 -28 7 -55 8 l-49 3 -7 -75 c-4 -41 -7 -145 -6 -230 l0 -155 -129 0 -128 0 3 615 c2 338 7 824 10 1080 l7 465 118 0 c72 1 121 -3 125 -10 4 -5 7 -98 7 -205 l0 -195 43 -6 c77 -10 72 -47 74 554 l3 539 572 -2 571 -1 7 21 c4 12 4 36 1 55 -6 29 -10 33 -49 38 -23 3 -118 6 -211 6 -93 1 -172 4 -177 6 -4 3 -7 57 -6 120 l2 115 730 6 c402 3 811 9 910 12 99 4 261 7 360 7 l180 0 3 -110z"/> <rect width="1" height="1" style="fill: black; stroke: none;"/> <animateMotion dur="30s" fill="freeze" repeatCount="indefinite"> <mpath xlink:href="#OutermostLine"/> </animateMotion> </g> </svg> ------------------------------------ ----- 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/ <*> Your email settings: Individual Email | Traditional <*> To change settings online go to: http://groups.yahoo.com/group/svg-developers/join (Yahoo! ID required) <*> To change settings via email: [email protected] [email protected] <*> 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/
