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

这个是显示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>

 

posted @ 2017-05-17 18:07  mudeng007  阅读(2032)  评论(0编辑  收藏  举报