jVectorMap 更改 SVG 描边颜色答案

【问题标题】：jVectorMap change SVG stroke colorjVectorMap 更改 SVG 描边颜色
【发布时间】：2012-09-27 12:30:43
【问题描述】：

在网站上使用 jVectorMap 并希望更改美国地图中州边界的笔划颜色。尝试在路径内的每个状态坐标中插入笔触颜色无济于事。

有没有人能够做到这一点？

【问题讨论】：

【解决方案1】：

看来您可以在样式表中添加笔触。

.jvectormap-region {
    stroke: white;
    stroke-width: 2;
}

【讨论】：

【解决方案2】：

不幸的是，如果不修改 jVectorMap 的代码，您现在无法轻松实现这一点。

【讨论】：

我不太担心进入代码只是需要一点指导。
看看setColors 和setFill 方法是如何实现的。您需要将fill 替换为stroke。
我相信现在代码已经改变了。我正在使用版本 1.2.2。你能告诉我我能做些什么来设置区域的边框颜色吗？ CSS 仅适用于 Chrome，但不适用于 IE (IE 9)。

【解决方案3】：

只需在 jquery.vector-map.js 的第 123 行周围添加以下代码：

node.setAttribute('d', config.path);
node.setAttribute('stroke', '#000000'); // Whatever color you like!
node.setFill = function(color)...

您好！

另一个问题：我的 VML Fallback 似乎不起作用。路径坐标来自 Adobe Illustrator 创建的 SVG。有没有人有同样的问题，或者可以给我一个解决方案，使用哪个程序来创建路径数据？

【讨论】：

欢迎来到 StackOverflow，感谢您对这个问题的回答！如果你有自己的问题要问，你应该问一个新的、单独的问题，而不是把它放在这个答案中。如果它住在这里，没有人会看到它。此外，答案应该只包含答案。