canvasContext.setLineJoin

解释:设置线条的交点样式。

参数:

参数名类型范围说明
lineJoinString‘bevel’、’round’、’miter’线条的结束交点样式。

示例:

  1. const ctx = swan.createCanvasContext('myCanvas');
    ctx.beginPath();
    ctx.moveTo(10, 10);
    ctx.lineTo(100, 50);
    ctx.lineTo(10, 90);
    ctx.stroke();

    ctx.beginPath();
    ctx.setLineJoin('bevel');
    ctx.setLineWidth(10);
    ctx.moveTo(50, 10);
    ctx.lineTo(140, 50);
    ctx.lineTo(50, 90);
    ctx.stroke();

    ctx.beginPath();
    ctx.setLineJoin('round');
    ctx.setLineWidth(10);
    ctx.moveTo(90, 10);
    ctx.lineTo(180, 50);
    ctx.lineTo(90, 90);
    ctx.stroke();

    ctx.beginPath();
    ctx.setLineJoin('miter');
    ctx.setLineWidth(10);
    ctx.moveTo(130, 10);
    ctx.lineTo(220, 50);
    ctx.lineTo(130, 90);
    ctx.stroke();

    ctx.draw();

图片