Элемент SVG <feFuncR>

Опубликовано: 1 Января, 2023

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