оператор

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

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

Пример

html

<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

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