title: CanvasContext.setLineJoin header: develop nav: api

sidebar: canvas_CanvasContext-setLineJoin

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

方法参数

String lineJoin

lineJoin参数说明 ：有效值：’bevel’、’round’、’miter’， 线条的结束交点样式。

示例

在开发者工具中预览效果

扫码体验

sidebar: canvas_CanvasContext-setLineJoin - 图1 请使用百度APP扫码

图片示例

图片

代码示例

:::codeTab

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  2. canvasContext.beginPath();
  3. canvasContext.moveTo(10, 10);
  4. canvasContext.lineTo(100, 50);
  5. canvasContext.lineTo(10, 90);
  6. canvasContext.stroke();
  8. canvasContext.beginPath();
  9. canvasContext.setLineJoin('bevel');
  10. canvasContext.setLineWidth(10);
  11. canvasContext.moveTo(50, 10);
  12. canvasContext.lineTo(140, 50);
  13. canvasContext.lineTo(50, 90);
  14. canvasContext.stroke();
  16. canvasContext.beginPath();
  17. canvasContext.setLineJoin('round');
  18. canvasContext.setLineWidth(10);
  19. canvasContext.moveTo(90, 10);
  20. canvasContext.lineTo(180, 50);
  21. canvasContext.lineTo(90, 90);
  22. canvasContext.stroke();
  24. canvasContext.beginPath();
  25. canvasContext.setLineJoin('miter');
  26. canvasContext.setLineWidth(10);
  27. canvasContext.moveTo(130, 10);
  28. canvasContext.lineTo(220, 50);
  29. canvasContext.lineTo(130, 90);
  30. canvasContext.stroke();
  32. canvasContext.draw();

:::