SVGSVGElement : SVGElement

Create using document.createElementNS('http://www.w3.org/2000/svg', 'svg') and this.setAttribute('version', '1.1') to set the version.

Example:

<svg>
  <rect width="30" height="40" fill="blue"/>
</svg>
<script>
  var mySvg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
  mySvg.setAttribute('version', '1.1');

  var rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  rect.setAttribute('width', '30');
  rect.setAttribute('height', '40');
  rect.setAttribute('fill', 'red');
  mySvg.appendChild(rect);

  document.body.appendChild(mySvg);
</script>

Run

Results:

Spec

Instance Properties

className : SVGAnimatedString readonly

contentScriptType : String

contentStyleType : String

currentScale : Number

currentTranslate : SVGPoint readonly

currentView : SVGViewSpec readonly

externalResourcesRequired : SVGAnimatedBoolean readonly

farthestViewportElement : SVGElement readonly

height : SVGAnimatedLength readonly

nearestViewportElement : SVGElement readonly

pixelUnitToMillimeterX : Number readonly

pixelUnitToMillimeterY : Number readonly

preserveAspectRatio : SVGAnimatedPreserveAspectRatio readonly

requiredExtensions : SVGStringList readonly

requiredFeatures : SVGStringList readonly

screenPixelToMillimeterX : Number readonly

screenPixelToMillimeterY : Number readonly

style : CSSStyleDeclaration readonly

systemLanguage : SVGStringList readonly

useCurrentView : Boolean readonly

viewBox : SVGAnimatedRect readonly

viewport : SVGRect readonly

width : SVGAnimatedLength readonly

x : SVGAnimatedLength readonly

xmllang : String

xmlspace : String

y : SVGAnimatedLength readonly

zoomAndPan : Number

Instance Methods

animationsPaused() : Boolean

checkEnclosure(element : SVGElement, rect : SVGRect) : Boolean

checkIntersection(element : SVGElement, rect : SVGRect) : Boolean

createEvent(eventType : String) : Event

createSVGAngle() : SVGAngle

createSVGLength() : SVGLength

createSVGMatrix() : SVGMatrix

createSVGNumber() : SVGNumber

createSVGPoint() : SVGPoint

createSVGRect() : SVGRect

createSVGTransform() : SVGTransform

createSVGTransformFromMatrix(matrix : SVGMatrix) : SVGTransform

deselectAll() : undefined

forceRedraw() : undefined

getBBox() : SVGRect

getComputedStyle(element : Element, [pseudoElement : String]) : CSSStyleDeclaration

getCTM() : SVGMatrix

getCurrentTime() : Number

getElementById(elementId : String) : Element

getEnclosureList(rect : SVGRect, referenceElement : SVGElement) : NodeList

getIntersectionList(rect : SVGRect, referenceElement : SVGElement) : NodeList

getOverrideStyle(elt : Element, pseudoElt : String) : CSSStyleDeclaration

getPresentationAttribute(name : String) : CSSValue

getScreenCTM() : SVGMatrix

getTransformToElement(element : SVGElement) : SVGMatrix

hasExtension(extension : String) : Boolean

pauseAnimations() : undefined

setCurrentTime() : Number

suspendRedraw(maxWaitMilliseconds : Number) : Number

unpauseAnimations() : undefined

unsuspendRedraw(suspendHandleID : Number) : undefined

unsuspendRedrawAll() : undefined

SVGSVGElement Properties

SVG_ZOOMANDPAN_DISABLE : Number readonly value = 1

SVG_ZOOMANDPAN_MAGNIFY : Number readonly value = 2

SVG_ZOOMANDPAN_UNKNOWN : Number readonly value = 0

home license contribute feedback toggle light/dark mode