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>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM