初始化

  1. const paint = new CanvasKit.SkPaint();

设为描边样式 PaintStyle.Stroke

paint.setStyle(CanvasKit.PaintStyle.Stroke);

线宽 StrokeWidth

设置线宽 setStrokeWidth

paint.setStrokeWidth(10);

端点 Cap

设置端点 setStrokeCap

给开放的路径添加端点(Cap)

paint.setStrokeCap(CanvasKit.StrokeCap.Round);

传参如下

{
  Butt: SkStrokeCap; // 无端点
  Round: SkStrokeCap; // 圆端点
  Square: SkStrokeCap;// 方端点
}

路径效果 PathEffect

路径夹角圆角化 MakeSkCornerPathEffect

const cornerPathEffect = CanvasKit.MakeSkCornerPathEffect(80) // 夹角的圆弧路径半径设为 80
paint.setPathEffect(cornerPathEffect);