TEST:svg

Jump to: navigation, search

SVG

Summary

Scalable Vector Graphics (SVG) is an XML markup language for structurally describing two-dimensional vector graphics. In essence, SVG is to graphics what HTML is to text. SVG is a W3C recommendation and is explicitly designed to work with other W3C standards such as HTML, CSS or DOM.

Explore our SVG docs

SVG learning material

Tutorials and concept articles to teach you SVG from the ground up.

Elements

A reference guide to SVG and related elements.


Attributes

A reference guide to all the available SVG attributes.

Objects

A reference guide to all the available SVG objects.

Methods

A reference guide to all the available SVG methods.

Properties

A reference guide to all the available SVG properties.


Note: If you are completely new to web development, you may want to review Web development for beginners.

Background

SVG was first worked on in 1998, in an attempt to create a standardised vector graphics markup language for browsers to follow (proprietary technologies at the time included Microsoft's VML and Sun/Adobe's PGML.)

  • First version: The first version to be standardised was SVG 1.0. The [1.0 recommendation] was published in 2001.
  • Current stable version: [1.1] is the current stable implementation supported across modern browsers, first published in 2003. There are also some SVG offshoots with different purposes, such as [Tiny 1.2], but for reference you should stick to SVG 1.1.
  • Current and future work: SVG 1.2 development has been dropped in favour of the upcoming [2.0] specification.

Contributing to SVG development

SVG is worked on by the SVG working group — see the [WG homepage] for more details, including mailing list details for feedback and contributing.


Index of all SVG topics

svg/attributessvg/attributes/alignment-baselinesvg/attributes/baseline-shift
svg/attributes/clip-rulesvg/attributes/color-interpolation-filterssvg/attributes/dominant-baseline
svg/attributes/enable-backgroundsvg/attributes/fillsvg/attributes/fill-opacity
svg/attributes/fill-rulesvg/attributes/flood-colorsvg/attributes/flood-opacity
svg/attributes/glyph-orientation-horizontalsvg/attributes/glyph-orientation-verticalsvg/attributes/kerning
svg/attributes/lighting-colorsvg/attributes/markersvg/attributes/marker-end
svg/attributes/marker-midsvg/attributes/marker-startsvg/attributes/mask
svg/attributes/opacitysvg/attributes/pointerssvg/attributes/stop-color
svg/attributes/stop-opacitysvg/attributes/strokesvg/attributes/stroke-dasharray
svg/attributes/stroke-dashoffsetsvg/attributes/stroke-linecapsvg/attributes/stroke-linejoin
svg/attributes/stroke-miterlimitsvg/attributes/stroke-opacitysvg/attributes/stroke-width
svg/attributes/text-anchorsvg/browser supportsvg/data types
svg/elementssvg/elements/asvg/elements/circle
svg/elements/clipPathsvg/elements/defssvg/elements/desc
svg/elements/ellipsesvg/elements/etextContentsvg/elements/feBlend
svg/elements/feColorMatrixsvg/elements/feComponentTransfer
svg/elements/feCompositesvg/elements/feConvolveMatrixsvg/elements/feDiffuseLighting
svg/elements/feDisplacementMapsvg/elements/feDistantLightsvg/elements/feFlood
svg/elements/feFuncAsvg/elements/feFuncBsvg/elements/feFuncG
svg/elements/feFuncRsvg/elements/feGaussianBlur
svg/elements/feImagesvg/elements/feMergesvg/elements/feMergeNode
svg/elements/feMorphologysvg/elements/feOffsetsvg/elements/fePointLight
svg/elements/feSpecularLightingsvg/elements/feSpotlightsvg/elements/feTile
svg/elements/feTurbulencesvg/elements/filtersvg/elements/g
svg/elements/gradientsvg/elements/imagesvg/elements/line
svg/elements/linearGradientsvg/elements/markersvg/elements/mask
svg/elements/metadatasvg/elements/pathsvg/elements/pattern
svg/elements/polygonsvg/elements/polyline
svg/elements/radialGradientsvg/elements/rectsvg/elements/script
svg/elements/stopsvg/elements/stylesvg/elements/svg
svg/elements/switchsvg/elements/symbolsvg/elements/text
svg/elements/textPathsvg/elements/textPositioningsvg/elements/title
svg/elements/tspansvg/elements/usesvg/elements/view
svg/elements (alphabetical order)svg/essvg/events
svg/events/errorsvg/events/loadsvg/events/onabort
svg/events/onzoomsvg/events/resizesvg/events/scroll
svg/events/unloadsvg/methodssvg/methods/addListener
svg/methods/animationsPausedsvg/methods/appendItemsvg/methods/checkEnclosure
svg/methods/checkIntersectionsvg/methods/clearsvg/methods/consolidate
svg/methods/convertToSpecifiedUnitssvg/methods/createEventsvg/methods/createSVGAngle
svg/methods/createSVGLengthsvg/methods/createSVGMatrixsvg/methods/createSVGNumber
svg/methods/createSVGPathSegArcAbssvg/methods/createSVGPathSegArcRelsvg/methods/createSVGPathSegClosePath
svg/methods/createSVGPathSegCurvetoCubicAbssvg/methods/createSVGPathSegCurvetoCubicRelsvg/methods/createSVGPathSegCurvetoCubicSmoothAbs
svg/methods/createSVGPathSegCurvetoCubicSmoothRelsvg/methods/createSVGPathSegCurvetoQuadraticAbssvg/methods/createSVGPathSegCurvetoQuadraticRel
svg/methods/createSVGPathSegCurvetoQuadraticSmoothAbssvg/methods/createSVGPathSegCurvetoQuadraticSmoothRelsvg/methods/createSVGPathSegLinetoAbs
svg/methods/createSVGPathSegLinetoHorizontalAbssvg/methods/createSVGPathSegLinetoHorizontalRelsvg/methods/createSVGPathSegLinetoRel
svg/methods/createSVGPathSegLinetoVerticalAbssvg/methods/createSVGPathSegLinetoVerticalRelsvg/methods/createSVGPathSegMovetoAbs
svg/methods/createSVGPathSegMovetoRelsvg/methods/createSVGPointsvg/methods/createSVGRect
svg/methods/createSVGTransformsvg/methods/createSVGTransformFromMatrixsvg/methods/deselectAll
svg/methods/dispatchEventsvg/methods/flipXsvg/methods/flipY
svg/methods/forceRedrawsvg/methods/getBBoxsvg/methods/getCTM
svg/methods/getCharNumAtPositionsvg/methods/getComputedStylesvg/methods/getComputedTextLength
svg/methods/getCurrentTimesvg/methods/getElementByIdsvg/methods/getEnclosureList
svg/methods/getEndPositionOfCharsvg/methods/getExtentOfCharsvg/methods/getIntersectionList
svg/methods/getItemsvg/methods/getNumberOfCharssvg/methods/getPathSegAtLength
svg/methods/getPointAtLengthsvg/methods/getRotationOfCharsvg/methods/getSVGDocument
svg/methods/getScreenCTMsvg/methods/getStartPositionOfCharsvg/methods/getSubStringLength
svg/methods/getTotalLengthsvg/methods/getTransformToElementsvg/methods/hasExtension
svg/methods/initializesvg/methods/insertItemBeforesvg/methods/inverse
svg/methods/itemsvg/methods/matrixTransformsvg/methods/multiply
svg/methods/newValueSpecifiedUnitssvg/methods/pauseAnimationssvg/methods/removeItem
svg/methods/removeListenersvg/methods/replaceItemsvg/methods/rotate
svg/methods/rotateFromVectorsvg/methods/scalesvg/methods/scaleNonUniform
svg/methods/selectSubStringsvg/methods/setCurrentTimesvg/methods/setFilterRes
svg/methods/setMatrixsvg/methods/setOrientToAnglesvg/methods/setOrientToAuto
svg/methods/setRotatesvg/methods/setScalesvg/methods/setSkewX
svg/methods/setSkewYsvg/methods/setStdDeviationsvg/methods/setTranslate
svg/methods/skewXsvg/methods/skewYsvg/methods/suspendRedraw
svg/methods/toStringsvg/methods/translatesvg/methods/unpauseAnimations
svg/methods/unsuspendRedrawsvg/methods/unsuspendRedrawAllsvg/objects
svg/objects/SVGAnglesvg/objects/SVGAnimatedAnglesvg/objects/SVGAnimatedBoolean
svg/objects/SVGAnimatedEnumerationsvg/objects/SVGAnimatedIntegersvg/objects/SVGAnimatedLength
svg/objects/SVGAnimatedLengthListsvg/objects/SVGAnimatedNumbersvg/objects/SVGAnimatedNumberList
svg/objects/SVGAnimatedPreserveAspectRatiosvg/objects/SVGAnimatedRectsvg/objects/SVGAnimatedString
svg/objects/SVGAnimatedStringNSsvg/objects/SVGAnimatedTransformListsvg/objects/SVGComponentTransferFunctionElement
svg/objects/SVGElementsvg/objects/SVGElementInstancesvg/objects/SVGElementInstanceList
svg/objects/SVGExceptionsvg/objects/SVGLengthsvg/objects/SVGLengthList
svg/objects/SVGMatrixsvg/objects/SVGNumbersvg/objects/SVGNumberList
svg/objects/SVGPathsvg/objects/SVGPathSegsvg/objects/SVGPathSegArcAbs
svg/objects/SVGPathSegArcRelsvg/objects/SVGPathSegClosePathsvg/objects/SVGPathSegCurvetoCubicAbs
svg/objects/SVGPathSegCurvetoCubicRelsvg/objects/SVGPathSegCurvetoCubicSmoothAbssvg/objects/SVGPathSegCurvetoCubicSmoothRel
svg/objects/SVGPathSegCurvetoQuadraticAbssvg/objects/SVGPathSegCurvetoQuadraticRelsvg/objects/SVGPathSegCurvetoQuadraticSmoothAbs
svg/objects/SVGPathSegCurvetoQuadraticSmoothRelsvg/objects/SVGPathSegLinetoAbssvg/objects/SVGPathSegLinetoHorizontalAbs
svg/objects/SVGPathSegLinetoHorizontalRelsvg/objects/SVGPathSegLinetoRelsvg/objects/SVGPathSegLinetoVerticalAbs
svg/objects/SVGPathSegLinetoVerticalRelsvg/objects/SVGPathSegListsvg/objects/SVGPathSegMovetoAbs
svg/objects/SVGPathSegMovetoRelsvg/objects/SVGPointsvg/objects/SVGPointList
svg/objects/SVGPreserveAspectRatiosvg/objects/SVGRectsvg/objects/SVGStringList
svg/objects/SVGTransformsvg/objects/SVGTransformListsvg/objects/SVGZoom
svg/objects/SVGZoomAndPansvg/propertiessvg/properties/a
svg/properties/alignsvg/properties/amplitudesvg/properties/angle
svg/properties/animVal (SVGAnimatedAngle)svg/properties/animVal (SVGAnimatedBoolean)svg/properties/animVal (SVGAnimatedEnumeration)
svg/properties/animVal (SVGAnimatedInteger)svg/properties/animVal (SVGAnimatedLength)svg/properties/animVal (SVGAnimatedLengthList)
svg/properties/animVal (SVGAnimatedNumber)svg/properties/animVal (SVGAnimatedNumberList)svg/properties/animVal (SVGAnimatedPreserveAspectRatio)
svg/properties/animVal (SVGAnimatedRect)svg/properties/animVal (SVGAnimatedString)svg/properties/animVal (SVGAnimatedTransformList)
svg/properties/animatedInstanceRootsvg/properties/animatedNormalizedPathSegListsvg/properties/animatedPathSegList
svg/properties/animatedPointssvg/properties/azimuthsvg/properties/b
svg/properties/baseFrequencyXsvg/properties/baseFrequencyYsvg/properties/baseVal (SVGAnimatedAngle)
svg/properties/baseVal (SVGAnimatedBoolean)svg/properties/baseVal (SVGAnimatedEnumeration)svg/properties/baseVal (SVGAnimatedInteger)
svg/properties/baseVal (SVGAnimatedLength)svg/properties/baseVal (SVGAnimatedLengthList)svg/properties/baseVal (SVGAnimatedNumber)
svg/properties/baseVal (SVGAnimatedNumberList)svg/properties/baseVal (SVGAnimatedPreserveAspectRatio)svg/properties/baseVal (SVGAnimatedRect)
svg/properties/baseVal (SVGAnimatedString)svg/properties/baseVal (SVGAnimatedTransformList)svg/properties/bias
svg/properties/csvg/properties/childNodessvg/properties/className
svg/properties/clipPathsvg/properties/clipPathUnitssvg/properties/code
svg/properties/contentScriptTypesvg/properties/contentStyleTypesvg/properties/correspondingElement
svg/properties/correspondingUseElementsvg/properties/currentScalesvg/properties/currentTranslate
svg/properties/currentViewsvg/properties/cxsvg/properties/cx (SVGRadialGradientElement)
svg/properties/cysvg/properties/cy (SVGRadialGradientElement)svg/properties/d
svg/properties/diffuseConstantsvg/properties/divisorsvg/properties/dx
svg/properties/dysvg/properties/esvg/properties/edgeMode
svg/properties/elevationsvg/properties/exponentsvg/properties/externalResourcesRequired
svg/properties/fsvg/properties/farthestViewportElementsvg/properties/filter
svg/properties/filterResXsvg/properties/filterResYsvg/properties/filterUnits
svg/properties/firstChildsvg/properties/focusablesvg/properties/fx
svg/properties/fysvg/properties/gradientTransformsvg/properties/gradientUnits
svg/properties/heightsvg/properties/hrefsvg/properties/id