2017-03-08 75 views
-1

我有一个看起来像这样的SVG图像:我将如何更改d3的svg路径的轮廓颜色?

enter image description here

我在Chrome浏览器开发工具的造型玩耍,试图改变轮廓颜色。不过,我在遇到问题。 CDT的样式选项卡具有以下信息:

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

正如你可以在图片中看到,fill样式属性按预期工作。 strokestroke-width不按我打算的方式工作。 strokestroke-width似乎应用于轮廓周围的区域,但我试图改变轮廓本身的特征。

任何想法,我会怎么做呢?在this plunkr中,SVG路径元素定义位于文件MySvgElement.txt中。

+1

请在提问创建[MCVE。普朗克既不完整也不在问题本身。 –

+0

好吧,看着图像,我可以看到轮廓是红色的,宽度为10像素左右,内部为青色。这个风格定义还有其他什么?对我来说,这按预期工作。除了Robert Longson的评论外,还请包括您期望它的样子的明确声明。 – altocumulus

回答

0

我怀疑可能映射具有形成该区域的两条路径:

  1. 的“补”的一部分,它要更改的填充和笔触。

  2. “边框”路径(或路径),它是黑色的,是别的地方的SVG文件。

+0

现在,我很困惑...这是一个答案吗?我认为这是理所当然的!这可以很容易地通过把''在普拉克提供了一种在''元素中可以看出:https://jsfiddle.net/cb730qpv/ – altocumulus

+0

这是在并祝的路径看起来像我已经叫#1的路径在我的答案中。你需要找到路径“#2”并且改变*那个*的行程值。 –

+0

哦,我不是这个问题的作者;-)我评论了那一个,不过,因为我觉得,除了R. Longson的评论,有一些信息缺少回答这个问题。我的分析和你的分析是一样的,但我仍然不确定OP是什么。 – altocumulus