概述

SVG 可缩放矢量图形(Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG 是 W3C 制定的一种新的二维矢量图形格式,也是规范中的网络矢量图形标准。SVG 严格遵从 XML 语法,并用文本格式的描述性语言来描述图像内容,因此是一种和图像分辨率无关的矢量图形格式。

  • 形狀
  • 滤镜
  • 渐变
  • Misc

工具

svgo https://github.com/svg/svgo

教程

阮一峰http://www.ruanyifeng.com/blog/2018/08/svg.html?utm_source=tuicool&utm_medium=referral

EXAMPLE

文章

SVG Path 路径在网页开发的作用https://juejin.im/post/5b263f886fb9a00e63252dbe

SVG 入门指南(看完,对 SVG 结构不在陌生)https://juejin.im/post/5deee313518825121c330c8e

https://juejin.im/post/5c65353d51882562d029e270

http://genie88.github.io/2015/10/23/mobile-html5-page-development-skills-part5/

https://www.zhangxinxu.com/wordpress/2014/08/so-powerful-svg-smil-animation/

https://www.zhangxinxu.com/wordpress/2014/06/svg-path-d-polyline-points-bezier-curves/

http://www.html-js.com/article/1628

https://codepen.io/anthonydugois/pen/mewdyZ