2017-03-08 175 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