学习总结
首页
前端相关
Canvas
webGL
CSS3
SVG
服务端相关
Node
运维相关
MySQL
Nginx
首页
前端相关
Canvas
webGL
CSS3
SVG
服务端相关
Node
运维相关
MySQL
Nginx
SVG基础
1. 概念
2. 特点
3. 参考
SVG坐标系统
SVG之transform
SVG基本图形
SVG之直线
SVG之曲线
SVG之弧形
SVG之动画(上)
SVG之动画(下)
SVG可伸缩矢量图
#
1. 概念
SVG(Scalable Vector Graphics)
是一种基于可拓展标记语言(XML),用于描述二维矢量图形的图形格式。SVG由W3C指定,是一个开放标准
#
2. 特点
可伸缩:
与位图(png、jpg)不同,SVG属于矢量图,放大后不失真
体积小:
同等质量图片,位图体积远大于矢量图
可编程/辑:
我们可通过
javascript
和
css
对
svg
的颜色、形状、轮廓、大小、位置进行编程操作,由此可实现动画效果
适用性窄:
难以创建复杂的图形
#
3. 参考
wiki
Advantages and Disadvantages of SVG Images
5 reasons you should be using SVGs over PNGs
上次更新:
11/21/2018, 8:58:36 PM
SVG坐标系统
→