SVGTransform: метод setScale()

Базовая линия Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.

Метод setScale() интерфейса SVGTransform устанавливает тип преобразования в SVG_TRANSFORM_SCALE, с параметрами sx и sy, определяющими масштабирование.

Синтаксис

SVGTransform.setScale(sx, sy)

Параметры

sx: Число с плавающей точкой, определяющее масштаб по оси X.
sy: Число с плавающей точкой, определяющее масштаб по оси Y.

Возвращаемое значение

None (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

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`setScale`	1	12	1.5	≤12.1	4	18	4	≤12.1	3.2	1.0	≤37

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGTransform/setScale