title: CanvasContext.setMiterLimit header: develop nav: api

sidebar: canvas_CanvasContext-setMiterLimit

解释：设置最大斜接长度，斜接长度指的是在两条线交汇处内角和外角之间的距离。当 setLineJoin() 为 miter 时，该设置才有效。超过最大倾斜长度的，连接处将以 lineJoin 为 bevel 来显示。

方法参数

Number miterLimit

miterLimit参数说明： 最大斜接长度

示例

在开发者工具中预览效果

扫码体验

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

图片示例

图片

代码示例

:::codeTab

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  2. canvasContext.beginPath();
  3. canvasContext.setLineWidth(10);
  4. canvasContext.setLineJoin('miter');
  5. canvasContext.setMiterLimit(1);
  6. canvasContext.moveTo(10, 10);
  7. canvasContext.lineTo(100, 50);
  8. canvasContext.lineTo(10, 90);
  9. canvasContext.stroke();
  11. canvasContext.beginPath();
  12. canvasContext.setLineWidth(10);
  13. canvasContext.setLineJoin('miter');
  14. canvasContext.setMiterLimit(2);
  15. canvasContext.moveTo(50, 10);
  16. canvasContext.lineTo(140, 50);
  17. canvasContext.lineTo(50, 90);
  18. canvasContext.stroke();
  20. canvasContext.beginPath();
  21. canvasContext.setLineWidth(10);
  22. canvasContext.setLineJoin('miter');
  23. canvasContext.setMiterLimit(3);
  24. canvasContext.moveTo(90, 10);
  25. canvasContext.lineTo(180, 50);
  26. canvasContext.lineTo(90, 90);
  27. canvasContext.stroke();
  29. canvasContext.beginPath();
  30. canvasContext.setLineWidth(10);
  31. canvasContext.setLineJoin('miter');
  32. canvasContext.setMiterLimit(4);
  33. canvasContext.moveTo(130, 10);
  34. canvasContext.lineTo(220, 50);
  35. canvasContext.lineTo(130, 90);
  36. canvasContext.stroke();
  38. canvasContext.draw();

:::