在网页中使用SVG技术
来源:互联网 发布:多路访问网络 编辑:程序博客网 时间:2024/06/05 16:07
简介
可缩放矢量图形 (SVG) 是基于矢量的图形家族的一部分。它们与基于光栅的图形不同,后者在一个数据数组中存储每个像素的颜色定义。如今,网络上使用的最常见的光栅图形格式包括 JPEG、GIF 和 PNG,每种格式都具有优缺点。
相比任何基于光栅的格式,SVG 具有多项优势:
- SVG 图形是使用数学公式创建的,需要在源文件中存储的数据要少得多,因为您无需存储每个独立像素的数据。
- 矢量图形可更好地缩放。对于网络上的图像,尝试从原始大小放大图像可能产生失真(或像素化的)图像。原始像素数据是针对特定大小进行设计的。当图像不再是该大小时,显示图像的程序会猜测使用何种数据来填充新的像素。矢量图像具有更高的弹性;当图像大小变化时,数据公式可相应地调整。
- 源文件大小可能更小,所以 SVG 图形比其他光栅图形的加载速度更快,使用的带宽更少。
- SVG 图像由浏览器渲染,可以以编程方式绘制。SVG 图像可动态地更改,这使它们尤其适合数据驱动的应用程序,比如图表。
- SVG 图像的源文件是一个文本文件,所以它既具有易于访问和搜索引擎友好特征。
本文将介绍 SVG 格式的优势,以及它们如何在 HTML5 中的 Web 设计工作中提供帮助....................
更多内容请看原文: http://www.lindukj.cn/news/archives/236
0 0
- 在网页中使用SVG技术
- 在网页中使用SVG技术
- 在网页中使用SVG技术
- SVG技术在网页中使用方法
- 在网页中加载SVG
- 在网页上使用 JPG 、PNG 、 SVG
- 在SVG中使用JavaScript
- 在HTML中使用SVG
- 在HTML中使用SVG
- 在 HTML5 中使用 SVG
- 在网页上使用JPG、PNG和SVG:新手指南
- 如何在SVG中使用对话框
- 如何在html中使用svg
- 如何在HTML5中使用SVG
- 在AndroidAPP中使用SVG矢量图
- 在 React、Vue项目中使用 SVG
- 关于在网页中使用IP的一次技术讨论
- 在网页中使用TTS技术的例子 & 备忘录
- 存储过程自学
- 使用Maven创建Web项目
- 神经网络研究,计算机是否能推理?
- pushlet单播与多播
- 6.9.1.2 qmgr_entry_done:清理活动数据
- 在网页中使用SVG技术
- spark1.6统一内存管理(UnifiedMemoryManager)
- 华为OJ-名字的漂亮度
- MySQL Tutorial(2)
- 打开Word提示向程序发送命令时出现问题怎么办
- adgeView使用介绍
- displacement map置换贴图
- vsftpd.conf 详解与实例配置
- 【剑指offer系列】 在O(1)时间删除链表节点___13