Hello, I built my first animated SVG: <svg version="1.1" id="control_panel" class="icon_big" xmlns="http://www.w3.org/2000/svg"; xlink="http://www.w3.org/1999/xlink"; x="0px" y="0px" width="192px" height="192px" viewBox="0 0 48 48" enable-background="new 0 0 48 48" space="preserve"> <circle fill="#39383a" stroke="#96979a" stroke-width="1.5" stroke-miterlimit="10" cx="24.0068" cy="24" r="21"></circle> <rect x="23.3408" y="8.6748" fill="#96979a" width="1.332" height="3.1201"></rect> <polygon fill="#96979a" points="27.9248,12.3096 29.2422,9.3779 29.8174,9.5479 28.5,12.4795"></polygon> <polygon fill="#96979a" points="31.6748,13.9648 34.1523,11.5752 34.6191,11.8926 32.1445,14.2822"></polygon> <polygon fill="#96979a" points="34.5029,16.5586 37.8379,14.998 38.1436,15.4268 34.8086,16.9873"></polygon> <polygon fill="#96979a" points="18.1973,9.5479 18.7715,9.3789 20.0889,12.3105 19.5137,12.4795"></polygon> <polygon fill="#96979a" points="13.3936,11.8926 13.8623,11.5752 16.3379,13.9648 15.8701,14.2822"></polygon> <polygon fill="#96979a" points="9.8701,15.4268 10.1768,14.998 13.5117,16.5586 13.2061,16.9873"></polygon> <circle fill="#ff0000" cx="24.0068" cy="33.2998" r="2.457"></circle> <rect x="23.3408" y="15.9941" fill="#ff0000" width="1.332" height="23.7412"><animateTransform begin="mouseover" attributeName="transform" attributeType="XML" type="rotate" values="0 24.0068 33.2998; 10 24.0068 33.2998; 20 24.0068 33.2998; 30 24.0068 33.2998; 50 24.0068 33.2998; 25 24.0068 33.2998; -15 24.0068 33.2998; 0 24.0068 33.2998" dur="0.4s" /></rect> </svg>
I have two questions: 1 - The animation is triggered with the mouse over of the rect. How to make the animation triggers with the mouse over of the whole SVG (all the objects of the SVG)? 2 - How to make, once triggered, the animation always runs until the end without being restarted by a new event mouseover? ------------------------------------ ----- 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/
