Back to Content

SVGLength: value property

files/en-us/web/api/svglength/value/index.md

latest852 B
Original Source

{{APIRef("SVG")}}

The value property of the {{domxref("SVGLength")}} interface represents the floating point value of the <length> in user units.

Setting this attribute will cause {{domxref("SVGLength.valueInSpecifiedUnits")}} and {{domxref("SVGLength.valueAsString")}} to be updated automatically to reflect this setting.

Value

The length value in user units as a float.

Examples

js
// 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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

  • {{domxref("SVGAnimatedLength")}}