SVG2 没了 pathSegList 等方法， https://stackoverflow.com/questions/34352624/alternative-for-deprecated-svg-pathseglist

// canvas 也有画贝塞尔曲线的方法

getTotalLength() //获取路径总长度

getPointAtLength(in float distance) // 获取距沿路径开始位置指定距离的坐标

getPathSegAtLength(in float distance) // 获取距沿路径开始位置指定距离的接近的锚点。

// 原型上没有转换锚点相对-绝对坐标的方法，只能手动遍历计算。

pathSegList // 可以直接修改路径

document.createElementNS("http://www.w3.org/2000/svg","path"); 新建元素：

createSVGPathSegMovetoAbs(in float x, in float y) // 开始一段路径，参数为绝对， "M"

// 都有一套相对参数（Rel）的方法，大写表示绝对，小写表示相对，字面后面接坐标，空格间隔点

createSVGPathSegLinetoAbs(in float x, in float y) // "L"

createSVGPathSegCurvetoCubicAbs(in float x, in float y, in float x1, in float y1, in float x2, in float y2) // 3次贝塞尔曲线， "C"

createSVGPathSegCurvetoCubicSmoothAbs(in float x, in float y, in float x2, in float y2) // 控制点对称的三次贝塞尔曲线，"S"

createSVGPathSegCurvetoQuadraticAbs(in float x, in float y, in float x1, in float y1) // 2次贝塞尔曲线，"Q"

createSVGPathSegCurvetoQuadraticSmoothAbs(in float x, in float y) // 控制点对称的二次贝塞尔曲线，"T"

createSVGPathSegArcAbs(in float x, in float y, in float r1, in float r2, in float angle, in boolean largeArcFlag, in boolean sweepFlag) // 圆弧曲线，"A"

createSVGPathSegLinetoHorizontal/VerticalAbs(in float x) // 水平/垂直，"H/V"

createSVGPathSegClosePath() // 关闭路径 "z"， 跟开始成对，一个path元素中可以包含多段路径