VÈ QUÀ CẦU CHUYỂN ĐỘNG TRÊN
ELLIPSE
<html>
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="100%">
<g > // phương pháp nầy
vẽ bình thường
<ellipse cx
="250" cy="160" rx = "140" ry = "80"
stroke="blue"
stroke-width="4" fill="none"/>
</g>
<g> // phương pháp nầy
chỉ dùng vẽ quỳ đạo.
<path id
="ellipse"
d="M 225,275
a 100, 50 0 1,1
0,0.00099"Z
cx
="200" cy="160" rx = "120" ry = "70"
stroke="red"
stroke-width="3" fill="none"/>
</g>
<g transform="translate(x,y)">// không cho tọa độ thi default
// phai có
transform thi quà cầu mới nằm trên ellipse
<circle cx="6" cy="3" r="6" fill="blue"/>
<animateMotion dur="10"
rotate="auto" repeatCount="indefinite">
<mpath xlink:href="#ellipse"/>//phải có mpath trong animate Motion
</animateMotion>
</circle>
</g></svg></html>
