Заливки и обводки

Атрибуты fillи strokeпозволяют раскрашивать внутреннюю часть и границу SVG.

Мы уже столкнулись с ними, когда рассматривали базовые фигуры. Но давайте рассмотрим их более подробно.

Под "раскрашиванием" понимаются операции добавления цвета, градиентов или паттернов для графики при помощи fillи/или stroke.

Атрибут fillраскрашивает внутреннюю часть определённого графического элемента. Это заливка может состоять из сплошного цвета, градиента или паттерна.

Внутренняя часть фигуры определяется путём анализа всех подконтуров и параметров, описанных в fill-rule.

Допустимые значения fill-rule: nonzero, evenodd, inherit.