Menade du?

    SVG

    Scalable Vector Graphics

    Förkortningar

    • SVG - Scalable Vector Graphics
    • SMIL - Synchronized Multimedia Integration Language

    Filändelser

    • .svg

    MIME

    image/svg+xml

    JavaScript

    parser = new DOMParser(); xmlDoc = parser.parseFromString(xhr.response, 'image/svg+xml'); console.log(xmlDoc);

    Kommentarer

    <!-- En kommentar -->

    Ändra färg med CSS

    path {fill: lime;}

    CSS

    fill: #fff; fill-opacity: 0.8;

    Lista

    • Moveto
    • Lineto
    • Curveto
    • Arcto
    • ClosePath
    Incscape logotyp Incscape logotyp Incscape logotyp

    Program

    Exempel på text

    Hello World

    Exempel på diagram

    Exempel på animationer

    Källa https://codepen.io/guerreiro/pen/obhzc

    Källa https://codepen.io/madetoday/pen/MYxYeo

    Källa http://www.hongkiat.com/blog/svg-animations/

    Statistik

    Externa länkar