Sunteți pe pagina 1din 1

//Scrieți aplicatia HTML5 si codul Javascript care deplasează vertical de sus in

jos o elipsa intr-un obiect svg.


//Viteza de deplasare trebuie să fie de 30 pixeli pe secundă. Atunci când elipsa
depășește marginea de jos a canvas-ului
//trebuie repoziționata în partea de sus a svg-ului.
<! DOCTYPE html>
<html>

<head>
<style>
#elipsa{
fill:red;
}
</style>
</head>

<body>
<svg id="svg" width="500" height="500">
<ellipse id="elipsa" cx="30" cy="30" rx="10" ry="10"></ellipse>
</svg>

<script>

var elipsa=document.getElementById("elipsa");
var svg=document.getElementById("svg");
var viteza=30;
var coordy=30;
function deplasare(){
elipsa.setAttributeNS(null,"cy",coordy+viteza);

if(coordy+viteza>500){
elipsa.setAttributeNS(null,"cy",coordy);
viteza=30;
}
viteza+=30;
}
var timer=window.setInterval(deplasare,1000);
</script>
</body>

</html>