оператор
Атрибут operator имеет два значения в зависимости от контекста, в котором он используется. Он определяет операцию композитинга или морфологии.
Этот атрибут можно использовать со следующими SVG-элементами:
Пример
<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.
Спецификации
© 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