Elements/svg

• List of Elements
  • Embedded Content
    • img
    • iframe
    • embed
    • object
    • param
    • video
    • audio
    • source
    • track
    • canvas
    • map
    • area
    • math
    • svg
    • applet
    • frame
    • frameset
    • noframes
    • bgsound
    • noembed
    • plaintext

<svg>

The <svg> element represents the root of a Scalable Vector Graphics (SVG) fragment.

HTML Reference

The HTML5 specification references the <svg> element in 4.8.15 SVG.

Examples

[try it]

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40"
      fill="red" stroke="blue" stroke-width="5" />
</svg>

HTML Attributes

see SVG 1.1 - 5.1.2 The ‘svg’ element.

SVG, a language for describing graphics in XML

Scalable Vector Graphics (SVG) is a modularized language for describing two-dimensional vector and mixed vector/raster graphics in XML. Only a correct HTML5 parser, using the syntax defined in 8 The HTML syntax, will be able to properly interpret SVG elements when using text/html. When using application/xhtml+xml, one must use proper namespaces to ensure that SVG elements are interpreted correctly.

See also

• List of SVG Elements
• Scalable Vector Graphics (SVG) 1.1
• A comparison of canvas and SVG