svg 加载动画

作者: 建业0
来源: 51数据库
2020-10-01

引入SVG还需要从图片的数字化说起。一般来说，将图片存储为数据有两种方案。其一、就是我们传统使用的位图(光栅图)。即将图片看成在平面上密集排布的点的集合。每个点发出的光有独立的频率和强度，反映在视觉上，就是颜色和亮度。位图拥有一个庞大的家族，包括常见的JPEG/JPG, GIF, TIFF, PNG, BMP等。第二种方案就是矢量图（SVG就是其中的一种）。它用抽象的视角看待图形，记录其中展示的模式而不是各个点的原始数据。它将图片看成各个“对象”的组合，用曲线记录对象的轮廓，用某种颜色的模式描述对象内部的图案（如用梯度描述渐变色）。比如一张留影，被看成各个人物和背景中各种景物的组合。这种更高级的视角，正是人类看世界时在意识里的反映。矢量图格式有CGM, SVG, AI (Adobe Illustrator), CDR (CorelDRAW), PDF, SWF, VML等等。

　　自己写呗，看看w3c的svg标准，只要用xml解析和简单的绘图就可以了。

推荐阅读