Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Elipsa SVG

    Încărcat de

    Cristi Băban
    12 vizualizări1 pagină
    oycanvas

    Titlu original

    elipsaSVG

    Drepturi de autor

    © © All Rights Reserved

    Formate disponibile

    TXT, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document
    oycanvas

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    12 vizualizări1 pagină

    Elipsa SVG

    Încărcat de

    Cristi Băban
    oycanvas

    Drepturi de autor:

    © All Rights Reserved
    Descărcați ca TXT, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 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>

    S-ar putea să vă placă și