主页 / 问题 / 748030
Accepted
Nikolay
Asked:2020-11-22 18:02:30 +0000 UTC2020-11-22 18:02:30 +0000 UTC

SVG 有一条斜线

  • 772

svg {
  margin: 20px;
}
<svg viewBox="0 0 100 100"
     width="350px"  
     height="70px"
     preserveAspectRatio="none"
     transform="scale(1,-1)">
  <path d="M 0,0
           L 20,90
           L 40 10
           L 70 10" 
        fill="none" 
        stroke-linecap="round"
        stroke="#886ce6"
        stroke-width="5px"/>

</svg>

如何使线条的边缘变成矩形？线条也有不同的宽度。这可能很明显，但如何避免呢？svg 对我来说仍然不熟悉只是

html

1 个回答

  1. Best Answer

    看，你有一个基本的 viewbox - 100 x 100 像素，你把它拉伸了 350 x 70，所以线条可以不同。

    此外，奇怪的 transform="scale(1,-1) - 这是为了什么？

    - 负责角落，可能的值：对接，圆形，方形。你有轮，这轮他们。或者例如删除或更改为正方形。

    • 3

相关问题