stroke-dasharray

0熱度

2回答

我使用D3js，我已經繪製的作品 like this圖（編輯：以JSON數據的新小提琴）實際上，我使用的是外部我的數據的JSON文件。 var data=[{name:'fruits', value:2},{name:'veggies', value:3},{name:'milk', value:5},{name:'empty', value:0}]; 我的問題是，當我用不同的分辨率在另一個

0熱度

1回答

SVG stroke-dasharray在一個多邊形上導致開始的角落出現斷開連接

我有一個SVG多邊形，我正在嘗試爲該筆劃設置動畫，但是我有一個問題，我無法讓所有四個角都顯示爲一旦我開始使用stroke-dasharray加入在一起。下面是一個例子： svg { overflow: visible; width: 300px; } polygon { fill: none; stroke: #E1B87

1熱度

2回答

如何創建SVG方4 triagle

我需要創建一個SVG形狀，用這種樣子的：我試圖與性能中風dasharray和中風dashoffset來實現此，但我做不到。例子： http://jsfiddle.net/L9y6Ld97/ CSS： @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500); * { -moz-box-sizing

0熱度

1回答

SVG在滾動筆畫動畫（CSS和jQuery）不工作在Firefox和IE瀏覽器 - 工作在Chrome，Safari，Opera

因此，我在滾動上使用以下代碼進行SVG動畫。該代碼似乎可以在Chrome，Safari和Opera瀏覽器中使用，但我不知道爲什麼筆畫動畫在Mozilla Firefox和IE中不起作用。這裏舉例：jsfiddle <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SVG animation

2熱度

2回答

SVG stroke-dasharray的旋轉破折號

我正在尋找動畫SVG stroke-dasharray的單個破折號的旋轉，有誰知道如何，因爲它是可能的嗎？我意識到我可以用CSS'transform:rotate()旋轉SVG元素的整個對象，但是有什麼辦法可以旋轉單獨的破折號嗎？我也意識到我可以重新創建所有使用單個元素並旋轉它們，但這並不是我想要做的，因爲性能和簡潔的原因 Here's a demo如果您正在尋找一個。我希望廣場在它們的位置保持

2熱度

1回答

SVG行程stroke-dasharray打印不正確爲PDF

打印行與stroke-dasharray以PDF創建不同的行爲，請看看image這裏。圖片A，我直接從瀏覽器（Chrome）中截取的截圖。圖片B，是從同一頁打印的PDF。請注意圖片B中的差異，破折號之間存在細線，這發生在Chrome或PhantomJS（可能是webkit相關？），並且不會發生在Firefox中。我想要做的是將這種chart導出爲PDF，但正如您所看到的strokoe-d