如何用d3改变svg路径的轮廓颜色?

时间:2017-03-08 01:46:18

标签: javascript css d3.js svg

我有一个SVG图像,如下所示:

enter image description here

我正在玩Chrome Dev Tools中的样式,尝试更改轮廓颜色。但是,我在这方面遇到了问题。 CDT样式选项卡具有以下信息:

element.style {
   fill: cyan;
   stroke: red;
   stroke-width: 10;
}

正如您在图片中看到的那样,fill样式属性按预期工作。 strokestroke-width不符合我的预期。 strokestroke-width似乎适用于大纲周围的区域,但我试图改变大纲本身的特征。

知道怎么做吗?在this plunkr中,SVG路径元素定义位于文件MySvgElement.txt中。

1 个答案:

答案 0 :(得分:0)

我怀疑地图可能有两条形成该区域的路径:

  1. “填充”部分,您正在更改填充和描边。

  2. “border”路径(或多个路径),它们是黑色的,位于SVG文件的其他位置。