UnluckySerivelha
@UnluckySerivelha

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

Как можно залить область, ограниченную path каким-либо цветом? Пытаюсь использовать fill, но в таком случае заливается только сам path, а не его содержимое.
Пример
  • Вопрос задан
  • 3146 просмотров
Решения вопроса 2
LenovoId
@LenovoId Куратор тега SVG
svg, css,js
ну так fill это аналог background
а что бы сделать границу - применяют stroke :color; stroke-width:px;
Ответ написан
sfi0zy
@sfi0zy
Creative frontend developer
Путей два:
  • Не морочьте себе голову, оставьте только один контур у этих объектов (уберите все, что есть после буквы M в атрибуте d у #rocket-window и #rocket-outline) и поместите #rocket-window после #rocket-outline в коде.
  • Используйте fill-rule="nonzero" у этих объектов, но убедитесь, что оба контура (внутренний и внешний) нарисованы в одну сторону (по часовой или против).
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы