Spec-Zone.ru › SVG

scale

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

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и в различных версиях браузеров. Она доступна в браузерах с ⁨июля 2015 г.⁩.

  • Подробнее
  • Полная информация о совместимости
  • Оставить отзыв

Атрибут scale задаёт коэффициент смещения, используемый примитивом фильтра <feDisplacementMap>. Величина выражается в системе координат, заданной атрибутом primitiveUnits элемента <filter>.

Этот атрибут можно использовать со следующими элементами SVG:

  • <feDisplacementMap>

Пример

<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, эта операция не влияет на исходное изображение.

Спецификации

Спецификация
Filter Effects Module Level 1>
# element-attrdef-fedisplacementmap-scale>

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

Настольные компьютеры Мобильные устройства
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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API