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將不會在瀏覽器中顯示

回答

相關問題