用于动态着色路径的SVG系统（Cordova）

Question

对于 Cordova 应用，我有一张SVG地图，其中包含大约30个国家/地区（每个国家=一条路径）。此地图将在我的整个应用程序中大量使用：有时每页10x 。

现在，我必须能够为每个地图实例动态地为每个国家/地区着色。例如，使用jQuery：

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

你们都认为最好（或好）的方法是什么？

的xlink：HREF？内联SVG？还有别的吗？

Answer 1

而不是const char* const使用background-color，而您的路径将填充指示的颜色。