HTML canvas(画布)lineJoin属性

• 

  lineJoin属性定义和用法

  当两条线相交时，lineJoin属性设置或返回创建的角的类型。
  注意： “miter”值受miterLimit属性的影响 。

• 

  lineJoin属性浏览器支持

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

• 

  lineJoin属性语法

  context.lineJoin=“bevel|round|miter”;

• 

  lineJoin属性实例

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

  尝试一下
• 

  lineJoin返回/属性值

  类型	描述
  bevel	创建一个斜角
  round	创建圆角
  miter	默认。创造一个尖锐的角

• 

  lineJoin属性相关页面

  HTML教程：HTML脚本

  HTML教程：HTML画布