可缩放矢量图形 (Scalable Vector Graphics) - 创建高质量、可交互的矢量图形
SVG 是一种基于 XML 的矢量图形格式,具有以下优势:
学习 SVG 的基本图形元素:圆形、矩形、椭圆、多边形等
入门掌握 path 元素和路径命令,绘制复杂的曲线和形状
进阶使用线性渐变和径向渐变创建丰富的视觉效果
进阶学习平移、旋转、缩放和倾斜等变换操作
入门在 SVG 中添加和样式化文本,包括路径文本
入门使用 SVG 滤镜创建阴影、模糊、光照等特效
高级使用 SMIL 动画和 CSS 动画让 SVG 动起来
进阶创建可复用的 SVG 图标库和 sprite 系统
进阶使用 SVG 创建动态、可交互的数据可视化图表
高级掌握 viewBox 和 preserveAspectRatio,创建自适应图形
进阶