html - 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/

Answer 2

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

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