HTML5線路不能正常工作使用svg

Question

我試圖學習HTML5，所以我得到的代碼，並試過它，但我有問題，我能夠正確得到該圈，但行沒有顯示。我試過它在Chrome瀏覽器和IE瀏覽器上打開，但沒有瀏覽器顯示行，而圓是好的！

的代碼 -

<svg xmlns="http://www.w3.org/2000/svg" height="200" id="ls"> 
<line id="ls" x1="0" y1="0" x2="200" y2="100" style="stroke"red; stroke-width:100" /> 
</svg> 

什麼問題？

Answer 1

你有一個錯字：style =「stroke」red;

正確的代碼是（介意（半）冒號）：

<svg xmlns="http://www.w3.org/2000/svg" height="200" id="ls"> 
<line id="ls" x1="0" y1="0" x2="200" y2="100" style="stroke:red; stroke-width:100" /> 
</svg>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

小提琴這裏：http://jsfiddle.net/s9sat/

Answer 2

您有一個額外的雙引號中style屬性：

style="stroke"red; stroke-width:100"