SVG 100%宽高圆形大写字母

Question

我想要我的SVG，那是100%宽和高，带圆帽。现在他们有点捉襟见肘。

​

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  background-color: cadetblue
}

.st0 {
  fill: none;
  stroke: green;
  stroke-width: 20px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}

<svg height="100%" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none">
       <path d="M15 15 L85 15 L85 85 L15 85 L15 50 L50 50 " class="st0"/>
        </svg>

​

谢谢你帮我的忙！

Answer 1

好的，我自己找到的:只是添加了

vector-effect="non-scaling-stroke"

到SVG中