Typing SVG

Typing SVG, 或者称为 Scalable Vector Graphics, 是一种基于 XML 的矢量图形格式，用于在网页和应用程序中展示清晰、可缩放的图像。SVG 图像由一系列指令组成，这些指令定义了图形的几何形状、颜色、路径等，而非像素数据，这意味着它们不会因为缩放而失去清晰度。

SVG的主要特点包括：
1. **矢量图**：SVG图像是分辨率独立的，可以在不同尺寸和分辨率的屏幕上保持清晰。
2. **可交互性**：SVG支持事件处理，可以通过JavaScript进行动态修改或动画效果。
3. **可编辑性**：由于是XML，SVG文件可以用文本编辑器直接查看和修改。
4. **轻量级**：对于简单的图形，SVG比位图图片（如JPEG或PNG）加载速度更快，占用存储空间更小。
5. **跨平台支持**：SVG在各种浏览器、操作系统和设备上都有良好的兼容性。

相关问题：
1. SVG与位图格式的区别是什么？
2. 如何在HTML中嵌入SVG图像？
3. 在响应式设计中，SVG有哪些优势？