# SVG

```
M x y  // moves to x,y
m dx dy // moves by dx,dy
a rx ry θ m1 m2 dx dy // arc
A rx ry θ m1 m2 x y 
rx  = x radius
ry  = y radius
m1  = 0 small arc
    = 1 large arc
m2  = 0 anti clockwise
    = 1 clockwise
x,y = end point
```
![](images/LargeArcSweepFlag.png)
```
c dx1 dy1 dx2 dy2 dx dy // Bezier Curve
```
![](images/BezierCurve.png)

```svg
<animateTransform
attributeName="transform" begin="3s" dur="1.5s"
type="rotate" additive="sum"
repeatCount="1" calcMode="spline" 
keySplines="0 .3 .8 1"
//angle cx cy
values="0 128 208; 15 128 208" fill="freeze"/>
```