随着移动互联网的到来,各种高清屏幕移动设备的层出不穷,导致 H5 应用在移动设备 retina 屏幕下经常会遇到图标不清晰的问题。 为了解决屏幕分辨率对图标影响的问题,通常采用 CSS Sprite,Icon Font,CSS Icon 以及 SVG 以适应 @x1 屏、@2 屏、@3 屏,相对比较而言 SVG 矢量性、缩放无损等诸多优点,更应受前端设计师的青睐,可在许多公司的移动项目应用中却很鲜见,究其主因在于 SVG 开发学习成本比较高以及在绘制的性能上比 PNG 要差。此篇文章将从 SVG 快速导出到 SVG、SVG Symbol 组件化在项目中实战进行讲解,教你如何提高 SVG 开发效率减少成本。