scale
Базовая поддержка Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в различных версиях браузеров. Она доступна в браузерах с июля 2015 г..
Атрибут scale задаёт коэффициент смещения, используемый примитивом фильтра <feDisplacementMap>. Величина выражается в системе координат, заданной атрибутом primitiveUnits элемента <filter>.
Этот атрибут можно использовать со следующими элементами SVG:
Пример
<svg viewBox="0 0 480 220" xmlns="http://www.w3.org/2000/svg">
<filter id="displacementFilter" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence
type="turbulence"
baseFrequency="0.05"
numOctaves="2"
result="turbulence" />
<feDisplacementMap in2="turbulence" in="SourceGraphic" scale="5" />
</filter>
<filter id="displacementFilter2" x="-20%" y="-20%" width="140%" height="140%">
<feTurbulence
type="turbulence"
baseFrequency="0.05"
numOctaves="2"
result="turbulence" />
<feDisplacementMap in2="turbulence" in="SourceGraphic" scale="50" />
</filter>
<circle cx="100" cy="100" r="80" filter="url(#displacementFilter)" />
<circle cx="340" cy="100" r="80" filter="url(#displacementFilter2)" />
</svg>
Примечания по использованию
| Значение | <number> |
|---|---|
| Значение по умолчанию | Отсутствует |
| Анимируемый | Да |
<number>-
Это значение задаёт коэффициент смещения.
Если значение этого атрибута равно
0, эта операция не влияет на исходное изображение.
Спецификации
Совместимость с браузерами
| Настольные компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
scale |
5 | 12 | 3 | 15 | 6 | 18 | 4 | 14 | 6 | 1.0 | 4.4 | 6 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/scale