HTML5 Line无法使用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/

Answer 2

style属性中有一个额外的双引号：

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