Элемент SVG <feFuncR>
SVG означает масштабируемую векторную графику. Его можно использовать для создания графики и анимации, как в холсте HTML.
В этой статье мы узнаем об элементе <feFuncR> , который представляет собой примитив фильтра SVG, который используется для передачи функции для красного компонента входной графики его родительского элемента <feComponentTransfer> . Элемент <feComponentTransfer> реализует манипуляции с цветом на каждом цветовом канале отдельно.
Четыре цветовых канала этого элемента следующие.
- Элемент <feFuncR>: этот элемент используется для передачи функции для красного компонента входной графики его родительского элемента <feComponentTransfer>.
- Элемент <feFuncG>: этот элемент используется для передачи функции для зеленого компонента входной графики его родительского элемента <feComponentTransfer>.
- Элемент <feFuncB>: этот элемент используется для передачи функции для синего компонента входной графики его родительского элемента <feComponentTransfer>.
- Элемент <feFuncA>: этот элемент используется для передачи функции для альфа-компонента входной графики его родительского элемента <feComponentTransfer>.
Примечание. Помните, что при выполнении манипуляций с цветом у элемента должен быть только один дочерний элемент каждого типа.
Синтаксис:
<feFuncR type="type_name" tableValues="value_name"/>
Используемый основной атрибут:
- id: используется для присвоения уникального имени элементу
- lang: используется для указания основного языка, используемого в содержимом и атрибутах, содержащих текстовое содержимое определенных элементов.
- tabindex: он используется, чтобы позволить вам контролировать, доступен ли элемент для фокусировки, и определять относительный порядок элемента для целей последовательной навигации по фокусу.
- xml:base: используется для указания базового IRI, отличного от базового IRI документа или внешнего объекта.
- xml:lang: используется в качестве основного языка, используемого в содержимом и атрибутах, содержащих текстовое содержимое определенных элементов.
- xml:space: используется для обработки пробелов внутри элементов.
Атрибуты передаточной функции:
- type: это общий атрибут, и он имеет разные значения в зависимости от контекста, в котором он используется.
- tableValues: используется для определения списка чисел, определяющих справочную таблицу значений для функции передачи компонента цвета.
- наклон: используется для обозначения вертикального угла штриха шрифта.
- перехват: используется для определения перехвата линейной функции переноса компонентов цвета, когда для атрибута type установлено значение linear.
- амплитуда: используется для управления амплитудой гамма-функции элемента переноса компонента, когда его атрибутом типа является гамма.
- экспонента: используется для определения экспоненты гамма-функции.
Пример 1. В приведенном ниже коде мы будем использовать элемент SVG <feFuncR>.
Выход:
Пример 2: В приведенном ниже коде мы будем использовать элемент <feFuncR>.
Выход:
Ссылка: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feFuncR