HTML canvas(画布)miterLimit属性

• 

  miterLimit属性定义和用法

  miterLimit属性设置或返回最大斜接长度。斜接长度是内角和外角之间的距离，两条线相交。
  提示：仅当lineJoin属性为“miter”时，miterLimit属性才有效。
  随着角的角度变小，斜接长度变大。为了防止斜接长度太长，我们可以使用miterLimit属性。
  如果斜接长度超过miterLimit值，则拐角将显示为lineJoin属性“bevel”类型（图3）：

• 

  miterLimit属性浏览器支持

  Internet Explorer	Chrome	FireFox	Safari	Opera
  9.0（含）以上	支持	支持	支持	支持

• 

  miterLimit属性语法

  context.miterLimit=number;

• 

  miterLimit属性实例

  var c = document.getElementById("myCanvas");
  var ctx = c.getContext("2d");
  ctx.lineWidth = 10;
  ctx.lineJoin = "miter";
  ctx.miterLimit = 100;
  ctx.moveTo(20, 20);
  ctx.lineTo(50, 27);
  ctx.lineTo(20, 34);
  ctx.stroke();

  尝试一下
• 

  miterLimit返回/属性值

  类型	描述
  number	指定最大斜接长度的正数。如果当前斜接长度超过斜接限制，转角将显示为lineJoin属性的“bevel”类型（默认值10）

• 

  miterLimit属性相关页面

  HTML教程：HTML脚本

  HTML教程：HTML画布