1、纯色、渐变、图案可用于fill 填色,也可用于stroke的填色
<pattern>表示一个图案的区域
<defs>声明变量,不会独立显示在页面中

2、text
rotate : 旋转字符
textLength : 设置这段文字的长度--px
lengthAdjust : spacing - 拉宽文字间距满足文字的长度;spacingAndGlyphs-拉宽文字
x,y文字的绝对位置;dx,dy文字的相对位置(相对与前一个字的位置)
startOffset : 文字的相对于路径的起始位置

tspan--text里的群组,属性几乎和text具有的一模一样
textPath - 文字路径

每个字都可以不一样 拉宽文字满足textlength的长度 拉宽文字间隔满足textlength的长度 群组 效果 这是跟着path跑的文字,感觉很厉害的样子感觉很厉害的样子 这是跟着path跑的文字,感觉很厉害的样子

3、剪裁和遮色片
遮色片:黑到白的灰色分布,如果是灰阶以外的颜色,就被转换成灰阶;#fff全透;#000不透;

4、transform
translate(tx,[ty]) -- matrix(1 0 0 1 tx ty)
scale(sx,[sy]) -- matrix(sx 0 0 sy 0 0)
rotate(angle,[cx,cy]) : 自定义旋转点 --matrix(cos(a) sin(a) -sin(a) cos(a) 0 0)
skewX(angle)、skewY(angle) -- matrix(1 0 tan(a) 1 0 0)、skewY:matrix(1 tan(a) 0 1 0 0)
matrix : 矩阵变换

5、动画
set
animate
animateMotion
animateTransform
自从Chrome 45.0,SMIL动画被弃用了,以利于CSS动画和Web动画。