2016-09-08 154 views
0

我已經嘗試了一些基本的例子,如文本,矩形,圓形,一切都很好。我剛搬到Path元素。我努力在瀏覽器中查看路徑。這是我使用的代碼片段簡單的SVG路徑不工作

<svg width="500" height="200"> 
    <path d="M 20 35 L 120 100 Z"> </path> 
</svg> 

但似乎不起作用。我已經測試了Chrome和Firefox。有人能以正確的方式解決問題嗎?提前致謝。 也是我剛剛創建了一個小提琴here

+0

中風的初始值是[none](https://www.w3.org/TR/SVG/propidx.html),表示[不適用塗料](https://www.w3.org/TR/SVG/painting.html #SpecifyingPaint),除非您以某種方式指定顏色。 – traktor53

+0

@ Traktor53謝謝 – subash

回答

0

嘗試添加strokestroke-width屬性用於顯示的路徑:

<svg width="500" height="200"> 
    <path stroke="#f00" stroke-width="3" d="M 20 35 L 120 100 Z"> </path> 
</svg> 

或添加第三點是這樣的:

<svg width="500" height="200"> 
    <text y="20">SVG Test</text> 
    <path d="M 20 35 L 120 100 L 0 100 Z"> </path> 
</svg>