html - svgを使用してHTML5行が機能しない

Question

HTML5を勉強しようと思ったのでコードを入手して試してみたのですが、円は正しく取得できるのに線が表示されないという問題がありました。Chrome Firefox と IE で開いてみたのですが、サークル中にブラウザ表示の行が何も表示されずOKでした！

コードは -

<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"