Menade du?

SVG

SVG logotyp
  • Moveto
  • Lineto
  • Curveto
  • Arcto
  • ClosePath

Förkortningar

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

Filändelser

  • .svg

MIME

image/svg+xml

Taggar för att definiera SVG

<?xml version="1.0" standalone="no"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">

Tagg för meta i SVG

<metadata>

Tagg för HTML

<svg>

Tagg för kommentarer

<!-- En kommentar -->

Attribut för att ärva färg från HTML

fill="currentColor"

Regler för att ändra färg med CSS

fill: #fff;

JavaScript

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

Program

Potrace logotyp

Tjänster

Traced with Potrace in Inkscape to a sixteen-color SVG image in 2012 (743 KB)

Exempel på text

Hello World

Exempel på diagram

Exempel på animationer

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

Statistik

Länkar

Externa länkar