SVGAngle: convertToSpecifiedUnits() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

SVGAngle 接口的 convertToSpecifiedUnits() 方法允许您将角度值转换为指定的单位类型。

此函数将

语法

js
convertToSpecifiedUnits(unitType)

参数

unitType

一个表示角度值应转换为的单位类型的常量。这必须是为 unitType 属性定义的常量值之一,但 SVG_ANGLETYPE_UNKNOWN 除外。

  • SVGAngle.SVG_ANGLETYPE_DEG:转换为度
  • SVGAngle.SVG_ANGLETYPE_RAD:转换为弧度
  • SVGAngle.SVG_ANGLETYPE_GRAD:转换为百分度
  • SVGAngle.SVG_ANGLETYPE_UNSPECIFIED:转换为无单位数字,解释为度

返回值

无(undefined)。

示例

将角度转换为度

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

// Set the angle's value in radians (Math.PI / 2)
angle.newValueSpecifiedUnits(SVGAngle.SVG_ANGLETYPE_RAD, Math.PI / 2);

// Retrieve the angle's value as a string
console.log(angle.valueAsString); // Output: 1.5708rad
console.log(angle.unitType); // Output: 3 (SVG_ANGLETYPE_RAD)

// Convert the angle's value to degrees
angle.convertToSpecifiedUnits(SVGAngle.SVG_ANGLETYPE_DEG);

// Retrieve the angle's value as a string
console.log(angle.valueAsString); // Output: 90deg
console.log(angle.unitType); // Output: 2 (SVG_ANGLETYPE_DEG)

规范

规范
Scalable Vector Graphics (SVG) 2
# __svg__SVGAngle__convertToSpecifiedUnits

浏览器兼容性

另见