APP中使用SVG后的总结(iOS和Android中使用)

SVG 是一种基于 XML 语法的图像格式,全称是可缩放矢量图(Scalable Vector Graphics),用来描述二维矢量及矢量/栅格图形。其他图像格式都是基于像素处理的,SVG 则是属于对图像的形状描述,所以它本质上是文本文件,体积较小,且不管放大多少倍都不会失真

SVG提供了3种类型的图形对象:矢量图形(vectorgraphicshape例如:由直线和曲线组成的路径)、图象(image)、文本(text)。图形对象还可进行分组、添加样式、变换、组合等操作,特征集包括嵌套变换(nestedtransformations)、剪切路径(clippingpaths)、alpha蒙板(alphamasks)、滤镜效果(filtereffects)、模板对象(templateobjects)和其它扩展(extensibility)。SVG图形是可交互的和动态的,可以在SVG文件中嵌入动画元素或通过脚本来定义动画。

SVG格式的图片到底有哪些优势?

  • SVG 一般在iOS中现在都会保留2种分辨率的图片,俗称2倍图和3倍图,SVG一张就够了

  • SVG 文本独立,可被非常多的工具读取和修改(比如记事本)

  • SVG 与 JPEG 和 GIF 图像比起来,尺寸更小,且可压缩性更强。

  • SVG 是可伸缩的

  • SVG 超强显示效果(SVG图像在屏幕上总是边缘清晰,它的清晰度适合任何屏幕分辨率和打印分辨率)

  • SVG 超级颜色控制(SVG图像提供一个1600万种颜色的调色板)

  • SVG 图像可在任何的分辨率下被高质量地打印

  • SVG 可在图像质量不下降的情况下被放大

  • SVG 图像中的文本是可选的,同时也是可搜索的(很适合制作地图)

  • SVG 可以与 JavaScript 技术一起运行

  • SVG 是开放的标准

  • SVG 文件是纯粹的 XML

  • SVG 交互更加智能化 (具有交互性和动态性)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 代码优化永远是程序员亘古不变的需求,而合理的利用SVG图片来代替部分PNG/JPG等格式的图片则是前端优化重要的一...
    周小肆阅读 6,897评论 0 10
  • 今天我在看某脑SVG视频和网上查资料时,发现了和某位大佬的写文章的某种巧合(报以微妙的笑容)。因为强迫症,所以我想...
    仁昌居士阅读 10,346评论 0 11
  • 图片各种格式全解析 前言 随着web的发展,网站资源的流量也变得越来越大。据统计,60% 的网站流量均来自网站图片...
    勿忘巛心安阅读 4,642评论 0 1
  • 图像(image) 常用的图像文件存储格式: CDR格式 该格式是CoreDraw软件专用的一种图形文件存储格式;...
    我才不是稻草人阅读 5,598评论 0 0
  • 暑假开始了,我和小墨也进入了最长假期,而我其中的一个计划就是进一步完善《成长的足迹——子墨文集》,这本文集是小墨从...
    一玄子阅读 3,961评论 4 4

友情链接更多精彩内容