title: CanvasContext.setLineCap header: develop nav: api

sidebar: canvas_CanvasContext-setLineCap

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

方法参数

StringlineCap

lineCap参数说明 ：有效值：’butt’、’round’、’square’, 线条的结束端点样式。

示例

在开发者工具中预览效果

扫码体验

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

图片示例

图片

代码示例

:::codeTab

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  2. canvasContext.beginPath();
  3. canvasContext.moveTo(30, 10);
  4. canvasContext.lineTo(200, 10);
  5. canvasContext.stroke();
  7. canvasContext.beginPath();
  8. canvasContext.setLineCap('butt');
  9. canvasContext.setLineWidth(10);
  10. canvasContext.moveTo(50, 30);
  11. canvasContext.lineTo(200, 30);
  12. canvasContext.stroke();
  14. canvasContext.beginPath();
  15. canvasContext.setLineCap('round');
  16. canvasContext.setLineWidth(10);
  17. canvasContext.moveTo(70, 50);
  18. canvasContext.lineTo(200, 50);
  19. canvasContext.stroke();
  21. canvasContext.beginPath();
  22. canvasContext.setLineCap('square');
  23. canvasContext.setLineWidth(10);
  24. canvasContext.moveTo(90, 70);
  25. canvasContext.lineTo(200, 70);
  26. canvasContext.stroke();
  28. canvasContext.draw();

:::