SVG XML

  1. Home
  2. XML
  3. SVG
  4. Mouse Clicks and Scaled Ellipses

  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
     xmlns="http://www.w3.org/2000/svg">
  
    function mouseClick1(event)
    {
       var ellipse = event.target;
       var currentXRadius = ellipse.getAttribute("rx");
       if(currentXRadius == 120)
       {
          ellipse.setAttribute("rx", currentXRadius*2);
          ellipse.setAttribute("fill", "#FF0000");
       }
       else
       {
          ellipse.setAttribute("rx", currentXRadius*0.5);
          ellipse.setAttribute("fill", "#FFFF00");
       }
    }
  
  
     
       Click on the moving ellipse
     
  
  
                fill="#CCCCCC" stroke="blue"/>
                   cx="250" cy="200" rx="120" ry="60"
              fill="blue">
                                            attributeType="XML"
                               type="scale"
                               from="0" to="1"
                               begin="0s" dur="4s"/>