svg_stroke-width=1px属性,显示结果变宽成为2px的问题,以及文字模糊的问题

时间:2021-03-22 20:29:09
这个是显示2px的,有问题: <svg xmlns:xlink="http://www.w3.org/1999/xlink">
  <polyline fill="none" stroke="#000" points="74,43 135,43 135,123 196,123" />
</svg> 纠正之后的,显示1px: <svg xmlns:xlink="http://www.w3.org/1999/xlink">
  <g transform="translate(0.5 0.5)">
    <polyline fill="none" stroke="#000" points="74,43 135,43 135,123 196,123" />
  </g>
</svg> 文字模糊: <svg xmlns:xlink="http://www.w3.org/1999/xlink">
  <text y="20" stroke="#f00">变粗模糊的文字</text>
  <text y="40" fill="#f00">清晰的文字</text>
</svg>