Как залить область внутри path в SVG?

#css #svg

Здравствуйте, начал изучать SVG!
Такой вопрос, вот, например, прямоугольник (rectangle) или круг (circle) средствами
svg закрасить легко, просто свойство одно!
А если у меня фигура неправильная, ну, например, котенок нарисован с помощью path,
возможно ли как-то выбрать область, которая ограничивается этим path, и закрасить ее?
Для того чтобы поменять цвет этого котенка при наведении мышы, например?
Заранее благодарен за ответ!    

Ответы

Ответ 1

Можно, используя атрибут fill-rule. Посмотрите материал, например, у yoksel. Там
найдете раздел про fill-rule с примерами.


Ответ 2

Можно в стилях прописать:

path {
   fill: #000
}


Или поставить атрибутом:  




Ответ 3

Заливка фона любых объектов svg делается свойством fill:






Ответ 4

Наверняка ваш котенок - это не один path, так что если вы хотите заливать всего котенка
при наведении мыши - добавьте к каждому path класс, а затем с помощью псевдокласса
:hover задаете правило fill
Например:

.cat:hover {
fill: #fff;
}