シンプルなSVGパスが動作しない

Question

私はテキスト、矩形、円のようないくつかの基本的な例を試しましたが、すべてうまくいっています。私はちょうどPath要素に移動しました。私はブラウザのパスを表示するのに苦労します。これは私が使用したコードスニペットです。

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

と思われますが、動作していないようです。私はchromeとfirefoxをテストしました。誰かが正しい方法でそれを理解することができますか？前もって感謝します。 も私はフィドルにhere

Answer 1

を作成した経路を示すためstrokeとstroke-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>