SVG将不会在浏览器中显示

我想在浏览器中使用svg显示一个简单的栏，但由于某种原因它不显示。这是我正在使用的代码。它不显示栏。SVG将不会在浏览器中显示

<h3>SVG Bar</h3> 
    <svg> 
    <rect with="50" height="200" style="fill: blue"/> 
    </svg>

我在想什么？

来源

2016-12-05 martinbshp

错字：只写的，而不是用......不需要为联SVG –

您已将width属性写为“with”。

但即使纠正错字，你可以让几个改进：

svg { 
 
border: 1px solid black; 
 
width: 20vw; 
 
height: 20vw; 
 
}

<h3>SVG Bar</h3> 
 
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 1000 1000"> 
 
<rect x="0" y="0" width="200" height="500" style="fill: blue"> 
 
</svg>

来源

2016-12-05 13:22:30 Rounin

命名空间的宽度，版本也毫无意义。 –

谢谢你Rounin。对我感到羞耻，哇多么愚蠢。 – martinbshp

感谢那个指针，@RobertLongson - 我不倾向于将我自己的SVG内联，所以我真的不确定。 – Rounin

SVG将不会在浏览器中显示

回答

相关问题