SVG 面试题及详细答案（实战真实版）.docx

SVG面试题及详细答案（实战真实版）

一、基础概念题

1.简单说说什么是SVG，它的核心特点是什么？

参考答案：

SVG是可缩放矢量图形，是一种基于XML语法的图像格式，专门用于描述二维矢量图形。和PNG、JPG这类位图有本质区别，核心特点主要有五点：

1.无限缩放不失真：基于数学路径、坐标、曲线绘制，放大缩小、调整分辨率都不会出现模糊、锯齿问题，适配各种屏幕尺寸；

2.文件体积小：简单图标、图形的SVG文件远小于位图，尤其是纯色、简洁图形，加载速度更快；

3.可编辑、可交互：本质是XML代码，可直接手写、修改参数，支持CSS样式修饰、JS事件绑定，能实现点