canvasContext.setLineCap

解释：设置线条的端点样式。

参数：

参数名类型范围说明
lineCapString‘butt’、’round’、’square’线条的结束端点样式

示例：

  1. const ctx = swan.createCanvasContext('myCanvas');
    ctx.beginPath();
    ctx.moveTo(30, 10);
    ctx.lineTo(200, 10);
    ctx.stroke();

    ctx.beginPath();
    ctx.setLineCap('butt');
    ctx.setLineWidth(10);
    ctx.moveTo(50, 30);
    ctx.lineTo(200, 30);
    ctx.stroke();

    ctx.beginPath();
    ctx.setLineCap('round');
    ctx.setLineWidth(10);
    ctx.moveTo(70, 50);
    ctx.lineTo(200, 50);
    ctx.stroke();

    ctx.beginPath();
    ctx.setLineCap('square');
    ctx.setLineWidth(10);
    ctx.moveTo(90, 70);
    ctx.lineTo(200, 70);
    ctx.stroke();

    ctx.draw();

图片