SVG将不会在浏览器中显示
我想在浏览器中使用svg显示一个简单的栏,但由于某种原因它不显示。这是我正在使用的代码。它不显示栏。SVG将不会在浏览器中显示
<h3>SVG Bar</h3>
<svg>
<rect with="50" height="200" style="fill: blue"/>
</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>
命名空间的宽度,版本也毫无意义。 –
谢谢你Rounin。对我感到羞耻,哇多么愚蠢。 – martinbshp
感谢那个指针,@RobertLongson - 我不倾向于将我自己的SVG内联,所以我真的不确定。 – Rounin
错字:只写的,而不是用......不需要为联SVG –