SVG不会显示在浏览器

Question

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

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

我错过了什么？

Answer 1

您已将width属性标记为＃34;＆＃34;。

但即使纠正错字，您也可以做出一些改进：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;