SVG

# 矩形rect和圆形circle

rect中的x, y 属性定义矩形的左侧和顶侧的位置
rect中的rx 和 ry 属性可使矩形产生圆角
rect中的width 和 height 属性可定义矩形的高度和宽度
style 属性用来定义 CSS 属性
CSS 的 fill 属性定义矩形的填充色
CSS 的 stroke-width 属性定义矩形边框的宽度
CSS 的 stroke 属性定义矩形边框的颜色
CSS 的 fill-opacity 属性定义填充颜色透明度(合法的范围是:0 - 1)
CSS 的 stroke-opacity 属性定义笔触颜色的透明度(合法的范围是:0 - 1)

cx, cy 定义圆心的 x 和 y 坐标
r 属性定义圆的半径
fill="red"放在style中也是可行的

# 椭圆ellipse

cx 属性定义圆心的 x 坐标
cy 属性定义圆心的 y 坐标
rx 属性定义水平半径
ry 属性定义垂直半径

# 线条line

x1 属性在 x 轴定义线条的开始
y1 属性在 y 轴定义线条的开始
x2 属性在 x 轴定义线条的结束
y2 属性在 y 轴定义线条的结束

# 多边形polygon

polygon创建不少于三个边的图形,需要至少三个坐标点
points 属性定义多边形每个角的 x 和 y 坐标: "x1,y1 x2,y2 x3,y3"

# 折线polyline

polyline 标签用来创建仅包含直线的形状
points 属性定义折线每个角的 x 和 y 坐标: "x1,y1 x2,y2 x3,y3"

# 路径path

M = moveto 按下
L = lineto
C = curveto 最后两个值是终点坐标
Z = closepath 松开
H = horizontal lineto
V = vertical lineto
S = smooth curveto
Q = quadratic Belzier curve
T = smooth quadratic Belzier curveto
A = elliptical Arc

# 线性渐变linearGradient

# 放射性渐变radialGradient

cx、cy 和 r 属性定义外圈,而 fx 和 fy 定义内圈 渐变的颜色范围可由两种或多种颜色组成

# 动画animation

# 滤镜filter

# SVG 对照 Photoshop

更多滤镜及svg 其它特性