canvas

** canvas**

    var canvas = document.getElementById('can');
    var ctx = canvas.getContext("2d");
    // console.log(ctx);
    ctx.arc(100, 100, 50, 0, Math.PI * 1.8, 0);
    // ctx.arc(x, y, r, sAngle, eAngle, counterclockwise)
    // x 圆的中心的 x 坐标。
    // y 圆的中心的 y 坐标。
    // r 圆的半径。
    // sAngle 起始角， 以弧度计（ 弧的圆形的三点钟位置是 0 度）。
    // eAngle 结束角， 以弧度计。
    // counterclockwise 可选。 规定应该逆时针还是顺时针绘图。 False = 顺时针 0， true = 逆时针 1
    ctx.lineTo(100, 100);
    ctx.closePath();
    // ctx.fill();
    ctx.stroke();