Система SVG для динамически окрашивающих дорожек (Кордова)

Question

Для приложения Cordova у меня есть карта SVG, содержащая около 30 стран (каждая страна = один путь). Эта карта будет часто использоваться в моем приложении: иногда 10x на страницу.

Теперь я должен иметь возможность динамически раскрашивать каждую страну для каждого экземпляра карты. Например, используя jQuery:

$('svg.map .usa').css('fill', 'blue');
$('svg.map .canada').css('fill', 'green');
...

Как вы думаете, что является лучшим (или хорошим) способом сделать это?

XLink: HREF? Встроенный SVG? Что-то другое?

Answer 1

Вместо background-color использование fill, и ваш путь будет заполнен указанным цветом.