SVG是什么？有什么用？
SVG是一种基于XML的矢量图形花样，用于在Web和其他环境中显现种种图形；它许可我们编写可缩放的二维图形，并可经由过程CSS或JavaScript举行操纵。【相干视频教程引荐：XML教程】
SVG最能够相应当前Web开辟对可伸缩性，相应性，交互性，可编程性，机能和可接见性的请求。
由于SVG是基于矢量的，一切在放大图形时不会涌现任何下降或丧失保真度的状况。它们只是从新绘制以顺应更大的尺寸，这使得它异常合适多语境场景，比方相应式Web设想。
为何要运用SVG？
SVG的真正代价在于它处理了当代Web开辟中很多最辣手的题目，让我们看看运用SVG的优点，以及它处理了哪些题目。
1、可扩大性和相应才能
SVG是运用外形、数字和坐标（而不是像素网格）在浏览器中衬着图形，这使得它具有分辨率无关性和无穷可伸缩性。假如你细致想一想便可发明，不论你是用钢笔照样用写字板，建立圆形的指令都是雷同的，只是比例发生变化。
运用SVG，我们能够组合差别的外形、途径和文本元夙来建立种种视觉结果，并确保它们在任何尺寸大小下看起来都非常的清楚明快。
比拟之下，基于栅格的花样（如GIF，JPG和PNG）具有牢固的尺寸，这使得它们在缩放时会像素化。只管种种相应性图象手艺已证实对像素图形有代价，但它们永久没法真正与SVG的无穷扩大（伸缩）才能合作。
2、可编程性和交互性
SVG是完整可编辑和可剧本编写的，我们能够经由过程CSS或JavaScript将种种动画和交互添加到画图中。
3、无障碍
SVG文件是基于文本的，能够举行搜刮和索引。这使得它们能够经由过程屏幕浏览器、搜刮引擎和其他装备被浏览。
4、机能
影响Web机能的一个最主要方面是网页上运用的文件的大小。与栅格图形（如GIF，JPG和PNG）比拟，SVG图形一般是较小的文件。
运用SVG的罕见用例
SVG有大批的现实用例。让我们讨论个中最主要的一些用例。
1、简朴的插图和图表
任何运用钢笔和铅笔制造的传统画图都能够圆满地转换为SVG花样。
2、徽标和图标
徽标和图标一般具有雷同的清楚和锋利的需求，不管大小，例：从按钮到广告牌，都能够运用SVG完成；且SVG图标更易于接见，更轻易定位。
例：运用了一个天气图标
3、动画
我们能够建立吸引人的 动画，以至是特别范例的动画，包含SVG线条图。SVG还能够与CSS动画交互，以及它自己内置有SMIL动画功用。例：
4、交互性（图表，信息图表，舆图）
SVG能够用来绘制数据，并依据用户操纵或某些事宜动态更新数据 ，例：交互式的SVG信息图、交互式的SVG路线图。
5、特别结果
运用SVG能够完成很多及时结果，包含外形变形或差别的粘性结果
6、构建接口和应用程序
SVG使我们能够制造具有挑战性的接口，并将其与HTML5，基于Web的应用程序和Internet应用程序（RIA）相结合。
浏览器支撑
正如我们所看到的，SVG险些无处不在，能够在无数的状况下运用，且SVG的浏览器支撑度正在变得更好。
现在，大多数当代Web浏览器都支撑SVG最主要和最基本的功用。下面我们来看看浏览器的支撑度：
总结：以上就是本篇文的全部内容，愿望能对人人的进修有所协助。
以上就是SVG是什么的细致内容，更多请关注ki4网别的相干文章！
