Изменить цвет SVG указанного пути c

Question

У меня есть изображение SVG (карта мира) в моей папке root, и я добавляю его на фон моего сайта, используя css background-image: url (.....). Моя проблема в том, что мое изображение SVG имеет около 200 путей (каждая страна в мире). Я хочу изменить только указанные c цвета указанной c страны. Я загружаюсь на свою страницу, делая

<link href="css/signin2.css" rel="stylesheet"> 

и

body {
  display: flex;
  align-items: center;
  background-image: url("../resources/world-pacific.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

Answer 1

Вы не можете изменить цвета в SVG, если вы импортируете его как изображение или фоновое изображение. Мои предложения:

1. Изменить цвета в программе редактирования SVG, такой как Adobe Illustrator. (рекомендуется)
2. Или, если вы хотите иметь возможность динамически изменять указанные c страны, загрузите его как встроенный <svg>. Но вам нужно будет очистить код XML в файле SVG и предоставить классы для указанных путей c, на которые вы хотите повлиять. (Я бы не рекомендовал этот маршрут, так как у вас есть 200 путей)