The rectangle in the following page moves one way.  But I like to see it to 
move forward and backward alternatively.  It is similar to the effect of html 
tag marquee's attribute behavior='alternate', just the path is diagonal:

http://www.pinyinology.com/svg/move_bf.svg

Following is the code.  The first animateTransform (from="100,100" to="10,10") 
doesn't work.  Only the second one (from="10,10" to="100,100") does. 
   
  <circle cx='50' cy='50' r="10" fill="red" opacity='.7' >
   
  <!-- This element does not work -->
<animateTransform attributeName="transform" attributeType="XML" 
  type="diagonal" from="50 50" to="150 150" dur="3s" 
  repeatCount="indefinite"/>
   
  <!-- This element works -->
<animateTransform attributeName="transform" attributeType="XML" 
  type="diagonal" from="150 150" to="50,50" dur="3s" 
  repeatCount="indefinite"/>
  
</circle>

Thanks for help. 

                
---------------------------------
Relax. Yahoo! Mail virus scanning helps detect nasty viruses!

[Non-text portions of this message have been removed]



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