Стань PHP-разработчиком с нуля с трудоустройством в IT-компании

Дерево навыков/SVG и векторная графика/ Markers, context paint и эффекты

КатегорияЦвет, фоны и декоративные эффектыНавыкSVG и векторная графикаКомпонент навыка

Markers, context paint и эффекты

ПродвинутыйЭкспертный

Основано на спецификациях:

  1. Продвинутый уровень

    • Start marker

      Назначает marker первой вершине каждого подходящего subpath.

    • Mid markers

      Назначает markers промежуточным вершинам shape.

    • End marker

      Назначает marker последней вершине каждого подходящего subpath.

    • Shorthand `marker`

      Назначает одну marker reference одновременно start, mid и end positions.

    • Marker viewport

      Формирует отдельный viewport SVG marker resource.

    • Marker size

      Задаёт размеры marker viewport через `markerWidth` и `markerHeight`.

    • Reference point

      Совмещает `refX`/`refY` marker с вершиной исходной shape.

    • Marker orientation

      Задаёт фиксированную или автоматическую ориентацию marker относительно path direction.

    • Marker units

      Выбирает масштаб marker через `strokeWidth` или `userSpaceOnUse`.

    • Context fill

      Передаёт fill paint context element во вложенный marker или instantiated subtree.

    • Context stroke

      Передаёт stroke paint context element во вложенный marker или instantiated subtree.

  2. Экспертный уровень

    • Vertex placement

      Определяет start, mid и end marker positions по вершинам каждого subpath.

    • Закрытый subpath

      Различает наложение start, mid и end markers в начальной вершине закрытого subpath.

    • Порядок markers

      Рисует start marker, последовательность mid markers и end marker снизу вверх.

    • Marker coordinates

      Строит временную coordinate system marker с учётом units, reference point и orientation.

    • Marker viewBox

      Согласует marker viewport с `viewBox` и `preserveAspectRatio`.

    • Marker clipping

      Ограничивает marker content его viewport при соответствующем `overflow`.

    • Context element

      Находит context element для marker или `<use>`-instantiated subtree.

    • Отсутствующий context

      Получает отсутствие paint для `context-fill`/`context-stroke` без context element.

    • Рекурсивный context paint

      Разрешает вложенные `context-fill` и `context-stroke` через цепочку context elements.

    • Координаты context paint

      Использует geometry и coordinate basis context element для переданного paint server.

    • Marker и non-scaling stroke

      Согласует `markerUnits="strokeWidth"` с итоговой толщиной non-scaling stroke.

    • Transform handoff

      Передаёт нарисованные fill, stroke и markers в transform stage без дублирования transform algorithm.

    • Filter handoff

      Передаёт SVG paint result в filter pipeline как единый source image.

    • Mask handoff

      Передаёт SVG paint result в clipping/masking stage без смешения paint и mask semantics.