热门文章> svg是什么标签 >

svg是什么标签

36氪企服点评小编
2022-01-14 18:14
1764次阅读

| 企服解答

SVG是一种基于XML的矢量图形格式,用于在Web和其他环境中显示各种图形;它允许我们编写可缩放的二维图形,并可通过CSS或JavaScript进行操作。SVG最能够响应当前Web开发对可伸缩性,响应性,交互性,可编程性,性能和可访问性的要求。因为SVG是基于矢量的,所有在放大图形时不会出现任何降低或丢失保真度的情况。svg的优点有:1、可扩展性和响应能力;2、可编程性和交互性;3、无障碍。

svg是什么标签svg是什么标签

1、可扩展性和响应能力

SVG是使用形状、数字和坐标(而不是像素网格)在浏览器中渲染图形,这使得它具有分辨率无关性和无限可伸缩性。如果你仔细想想就可发现,不管你是用钢笔还是用写字板,创建圆形的指令都是相同的,只是比例发生变化。使用SVG,我们可以组合不同的形状、路径和文本元素来创建各种视觉效果,并确保它们在任何尺寸大小下看起来都十分的清晰明快。相比之下,基于栅格的格式(如GIF,JPG和PNG)具有固定的尺寸,这使得它们在缩放时会像素化。尽管各种响应性图像技术已经证明对像素图形有价值,但它们永远无法真正与SVG的无限扩展(伸缩)能力竞争。

2、可编程性和交互性

SVG是完全可编辑和可脚本编写的,我们可以通过CSS或JavaScript将各种动画和交互添加到绘图中。

3、无障碍

SVG文件是基于文本的,可以进行搜索和索引。这使得它们可以通过屏幕阅读器、搜索引擎和其他设备被阅读。

| 拓展阅读

svg的特点:

1、属于矢量图形,放大不会失真,在任何分辨率下都可以被高质量的打印。

2、使用XML格式定义图像。

3、svg与JPG和GIF图像比起来,尺寸更小,且可压缩性更强。

[免责声明]

文章标题: svg是什么标签

文章内容为网站编辑整理发布,仅供学习与参考,不代表本网站赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请及时沟通。发送邮件至36dianping@36kr.com,我们会在3个工作日内处理。

消息通知
咨询入驻
商务合作