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

Дерево навыков/SVG и векторная графика/ Fill и stroke

  1. Базовый уровень

    • Fill paint

      Задаёт paint внутренней области SVG shape через `fill`.

    • Fill opacity

      Управляет alpha отдельной fill operation через `fill-opacity`.

    • Stroke paint

      Задаёт paint контура SVG shape через `stroke`.

    • Stroke opacity

      Управляет alpha отдельной stroke operation через `stroke-opacity`.

    • Stroke width

      Задаёт толщину stroke относительно текущей SVG coordinate system.

    • Paint `none`

      Отключает fill или stroke без удаления geometry.

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

    • Fill rule

      Выбирает `nonzero` или `evenodd` для определения внутренней области shape.

    • Paint server

      Использует SVG gradient или pattern reference как fill либо stroke paint.

    • Paint fallback

      Добавляет color или `none` после paint-server URL как fallback.

    • Ошибка paint server

      Получает отсутствие paint при ошибочной reference без fallback.

    • Line caps

      Выбирает форму концов открытого stroke.

    • Line joins

      Выбирает форму соединения соседних stroke segments.

    • Miter limit

      Ограничивает длину острого miter join относительно stroke width.

    • Dash pattern

      Задаёт чередование painted dashes и gaps вдоль stroke.

    • Dash offset

      Смещает начальную фазу dash pattern вдоль subpath.

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

    • Nonzero winding

      Вычисляет внутреннюю область через направленный winding count.

    • Even-odd winding

      Вычисляет внутреннюю область по чётности числа пересечений луча.

    • Fill открытого subpath

      Определяет fill открытого subpath через неявное замыкание его концов.

    • Stroke shape

      Восстанавливает результирующую painted shape из path, width, caps, joins и dashes.

    • Нормализация dashes

      Повторяет нечётный dash list и обрабатывает нулевую сумму pattern.

    • Позиции dashes

      Вычисляет painted intervals по длине subpath, pattern и нормализованному offset.

    • Zero-length subpaths

      Определяет stroke zero-length subpath с учётом line cap.

    • Non-scaling stroke

      Сохраняет визуальную толщину stroke при transforms и zoom через `vector-effect`.

    • Stroke coordinate roundtrip

      Преобразует path в host space для построения non-scaling outline и возвращает outline в user space.