Как с помощью js окрасить область, замкнутую внутри контура path в SVG?

Question

[AlphaDMQ]

Path рисует замкнутый контур различных размеров и видов. Нужно получить доступ к области, которую path нарисовал и залить ее любым цветом.

Answer 1

[Владимир Проскурин]

У path есть атрибут fill

Comments

[AlphaDMQ]

Он заливает сам path. А мне надо область внутри.

[Максим Тимофеев]

AlphaDMQ, нет, он как раз заливает то что внутри, НО если path замкнутый, возможно Вы просто его не закрыли?
https://codepen.io/wokster/pen/XBdwaY

[AlphaDMQ]

Максим Тимофеев, path генерирует AI, как и SVG. Когда в path ставишь fill любого цвета, меняется только цвет контура(

[Максим Тимофеев]

AlphaDMQ, Я же дал Вам пример, там все работает? Я не Ванга, что бы угадать какой код дал Вам AI. Но по сути Владимир Проскурин дал Вам 100% правильный ответ на Ваш вопрос.

[Moskus]

AlphaDMQ, у вас, похоже, каша в голове. Fill заливает область внутри замкнутого path. Но если у вас есть два контура path, которые собраны в один объект с "дыркой" (например, такое получается, если преобразовать букву O в кривые), то "дырка", естественно, не заливается.

Прекращайте пудрить мозги, выкладывайте код вашего SVG.

[Андрей]

ТС может не различает атрибуты path'а - fill от stroke - и не может выразить свою мысль?
Может цвет обводки контура один нужен, а управлять нужно цветом заливки?
Действительно нужен код в студию.

Answer 2

[Interface]

Выложите код или демо с воспроизведением проблемы - так будет проще. Вероятно вам поможет атрибут fill как писали выше плюс fill-rule https://www.sitepoint.com/understanding-svg-fill-r...