Spec-Zone.ru › SVG

оператор

Атрибут operator имеет два значения в зависимости от контекста, в котором он используется. Он определяет операцию композитинга или морфологии.

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

  • <feComposite>
  • <feMorphology>

Пример

<svg viewBox="0 0 120 70" xmlns="http://www.w3.org/2000/svg">
  <filter id="erode">
    <feMorphology operator="erode" radius="0.4" />
  </filter>
  <filter id="dilate">
    <feMorphology operator="dilate" radius="0.8" />
  </filter>

  <text x="0" y="15">Normal text</text>
  <text x="0" y="40" filter="url(#erode)">Thin text</text>
  <text x="0" y="65" filter="url(#dilate)">Fat text</text>
</svg>

feComposite

Для <feComposite> атрибут operator определяет операцию композитинга.

Значение over | in | out | atop | xor | lighter | arithmetic
Значение по умолчанию over
Анимируемый Да
over

Это значение указывает, что исходное изображение, заданное атрибутом in, располагается поверх целевого изображения, заданного атрибутом in2.

in

Это значение указывает, что части исходного изображения, заданного атрибутом in, которые перекрывают целевое изображение, заданное атрибутом in2, заменяют целевое изображение.

out

Это значение указывает, что отображаются части исходного изображения, заданного атрибутом in, которые находятся за пределами целевого изображения, заданного атрибутом in2.

atop

Это значение указывает, что части исходного изображения, заданного атрибутом in, которые перекрывают целевое изображение, заданное атрибутом in2, заменяют целевое изображение. Части целевого изображения, не перекрывающие исходное изображение, остаются без изменений.

xor

Это значение указывает, что неперекрывающиеся области исходного изображения, заданного атрибутом in, и целевого изображения, заданного атрибутом in2, объединяются.

lighter

Это значение указывает, что отображается сумма исходного изображения, заданного атрибутом in, и целевого изображения, заданного атрибутом in2.

arithmetic

Это значение указывает, что исходное изображение, заданное атрибутом in, и целевое изображение, заданное атрибутом in2, объединяются по следующей формуле:

result = k1*i1*i2 + k2*i1 + k3*i2 + k4

где i1 и i2 обозначают соответствующие значения каналов пикселей входного изображения, которые соответствуют in и in2 соответственно, а k1, k2, k3 и k4 обозначают значения атрибутов с такими же именами.

feMorphology

Для <feMorphology> атрибут operator определяет, следует ли эродировать (то есть истончать) или расширять (утолщать) исходное изображение.

Значение erode | dilate
Значение по умолчанию erode
Анимируемый Да
erode

Это значение истончает исходное изображение, заданное атрибутом in.

dilate

Это значение утолщает исходное изображение, заданное атрибутом in.

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

Спецификация
Модуль эффектов фильтров, уровень 1>
# element-attrdef-femorphology-operator>
Модуль эффектов фильтров, уровень 1>
# element-attrdef-fecomposite-operator>

© 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/operator

Spec-Zone.ru

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