SVGLength: value property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨July 2015⁩.

The value property of the SVGLength interface represents the floating point value of the <length> in user units.

Setting this attribute will cause SVGLength.valueInSpecifiedUnits and SVGLength.valueAsString to be updated automatically to reflect this setting.

Value

The length value in user units as a float.

Examples

// Get an SVGLength object
const svg = document.querySelector("svg");
const length = svg.createSVGLength();

// Set the value
length.value = 10;
console.log(length.value); // Output: 10

// Reflecting the value
length.value = 20;
console.log(length.value); // Output: 20