HTML5 行无法使用 svg

Question

我尝试学习 HTML5，所以我得到了代码并进行了尝试，但我遇到了问题，我能够正确地获得圆圈，但线条没有显示。我试过它在 Chrome Firefox 和 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/