Spec-Zone.ru › SVG

Результат

Атрибут result определяет назначенное имя для этого примитива фильтра. При наличии, графические данные, полученные в результате обработки этого примитива фильтра, могут быть упомянуты с помощью атрибута in в последующем примитиве фильтра в том же элементе <filter>. Если значение не указано, выходные данные будут доступны только для повторного использования в качестве неявного входа в следующий примитив фильтра, если этот примитив фильтра не предоставляет значение для своего атрибута in.

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

  • <feBlend>
  • <feColorMatrix>
  • <feComponentTransfer>
  • <feComposite>
  • <feConvolveMatrix>
  • <feDiffuseLighting>
  • <feDisplacementMap>
  • <feDropShadow>
  • <feFlood>
  • <feGaussianBlur>
  • <feImage>
  • <feMerge>
  • <feMorphology>
  • <feOffset>
  • <feSpecularLighting>
  • <feTile>
  • <feTurbulence>

Пример

html
<svg viewBox="0 0 220 220" xmlns="http://www.w3.org/2000/svg">
  <filter id="displacementFilter">
    <feTurbulence
      type="turbulence"
      baseFrequency="0.05"
      numOctaves="2"
      result="turbulence" />
    <feDisplacementMap
      in2="turbulence"
      in="SourceGraphic"
      scale="50"
      xChannelSelector="R"
      yChannelSelector="G" />
  </filter>

  <circle cx="100" cy="100" r="100" style="filter: url(#displacementFilter)" />
</svg>

Примечания по использованию

Значение <filter-primitive-reference>
Значение по умолчанию Ничего
Анимируемо Да
<filter-primitive-reference>

Это значение — <custom-ident> и определяет имя для примитива фильтра. Оно имеет смысл только в рамках заданного элемента <filter> и, следовательно, имеет локальный охват. Допустимо, что то же самое значение <filter-primitive-reference> появляется несколько раз в одном и том же элементе <filter>. При ссылке на это значение будет использован ближайший предыдущий примитив фильтра с данным результатом.

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

Спецификация
Модуль фильтров уровня 1
# element-attrdef-filter-primitive-result

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

Spec-Zone.ru

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