SVGTransform：setScale() 方法

Baseline 已广泛支持

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

SVGTransform 接口的 setScale() 方法将变换类型设置为 SVG_TRANSFORM_SCALE，参数 sx 和 sy 定义缩放量。

语法

setScale(sx, sy)

参数

sx: 一个定义 X 轴缩放量的浮点数。
sy: 一个定义 Y 轴缩放量的浮点数。

返回值

无（undefined）。

异常

NoModificationAllowedError DOMException: 如果属性或 SVGTransform 对象是只读的，则抛出此异常。

示例

缩放 SVG 元素

// Select an SVG element and create a transform object
const svgElement = document.querySelector("svg");
const transform = svgElement.createSVGTransform();

// Set the scale values for the transform
transform.setScale(2, 3);

// Output the scale details
console.log(`Scale X: ${transform.matrix.a}`); // Output: 2
console.log(`Scale Y: ${transform.matrix.d}`); // Output: 3

规范

规范
Scalable Vector Graphics (SVG) 2 # __svg__SVGTransform__setScale

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025年2月2日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的错误