W3cubDocs

/Web APIs

SVGAngle: valueAsString 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 valueAsString property of the SVGAngle interface represents the angle's value as a string, in the units expressed by unitType.

Setting this attribute will cause value, valueInSpecifiedUnits, and unitType to be updated automatically to reflect this setting.

Value

A string; the value of the angle.

Examples

Setting and retrieving `valueAsString`

// Get an SVGAngle object
const svg = document.querySelector("svg");
const angle = svg.createSVGAngle();

// Set the value using valueAsString in degrees
angle.valueAsString = "45deg";
console.log(angle.valueAsString); // Output: "45deg"
console.log(angle.value); // Output: 45 (in degrees)

// Set the value using valueAsString in radians
angle.valueAsString = "1.57rad";
console.log(angle.valueAsString); // Output: "1.57rad"
console.log(Math.round(angle.value)); // Output: 90 (since 1.57 radians is approximately 90 degrees)

Specifications

Specification
Scalable Vector Graphics (SVG) 2> # __svg__SVGAngle__valueAsString>

Browser compatibility

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`valueAsString`	1	12	1.5	≤12.1	3	18	4	≤12.1	1	1.0	4.4	1